jQuery Countdown 获取的是服务器时间还是本地时间

jQuery Countdown 获取的是服务器时间还是本地时间,第1张

是本地页面时间,前端一般获取的都是本地时间。

JQuery CountDown里面都是通过new Date的方式和setInterval定时方式进行的。

一般countdown的初始时间最好是从服务器给定,然后倒计时。

需要去找你使用的日期插件,插件的说明文档或demo里应该会有选中日期后的 *** 作方法,在那个方法里给你的input赋值就行了。这样的日期插件有很多很多,如果你不知道用的是什么插件,神仙都没办法。

JQUERY好像没有对时间函数进行封装

另外,时间相减 即时间间隔 只有日、时、分、秒等的说法,貌似没有年月的说法,因为这两个都是不定值

给个参考的JS代码吧,如下

function DateDiff(sDate1, sDate2){ //sDate1和sDate2是字符串 yyyy-MM-dd格式

var aDate, oDate1, oDate2, iDays, ihours, iminutes, iseconds;

aDate = sDate1split("-");

oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);//转换为MM-dd-yyyy格式

aDate = sDate2split("-");

oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);

var timeSpan = {};

var TotalMilliseconds = Mathabs(oDate1 - oDate2);//相差的毫秒数

timeSpanDays = parseInt(TotalMilliseconds / 1000 / 60 / 60 /24);

timeSpanTotalHours = parseInt(TotalMilliseconds / 1000 / 60 / 60);

timeSpanHours = timeSpanTotalHours % 24;

timeSpanTotalMinutes = parseInt(TotalMilliseconds / 1000 / 60);

timeSpanMinutes = timeSpanTotalMinutes % 60;

timeSpanTotalSeconds = parseInt(TotalMilliseconds / 1000);

timeSpanSeconds = timeSpanTotalSeconds % 60;

timeSpanTotalMilliseconds = TotalMilliseconds;

timeSpanMilliseconds = TotalMilliseconds % 1000;

return timeSpan;

}

使用步骤如下:

1jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2然后我们来开始编辑HTML界面代码。

3使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码

buttons: [

'set',

{ text: 'Custom', handler: function (event, inst) { alert('Custom button clicked!'); } }

'cancel'

]

放进var opt里面试试吧

这个不能直接转换。只能自己编写。

下面是简单的例子。并有基本注释:

(function($) {

    $extend({

        myTime: {

            /

              当前时间戳

              @return <int>        unix时间戳(秒)  

             /

            CurTime: function(){

                return Dateparse(new Date())/1000;

            },

            /              

              日期 转换为 Unix时间戳

              @param <string> 2014-01-01 20:20:20  日期格式              

              @return <int>        unix时间戳(秒)              

             /

            DateToUnix: function(string) {

                var f = stringsplit(' ', 2);

                var d = (f[0]  f[0] : '')split('-', 3);

                var t = (f[1]  f[1] : '')split(':', 3);

                return (new Date(

                        parseInt(d[0], 10) || null,

                        (parseInt(d[1], 10) || 1) - 1,

                        parseInt(d[2], 10) || null,

                        parseInt(t[0], 10) || null,

                        parseInt(t[1], 10) || null,

                        parseInt(t[2], 10) || null

                        ))getTime() / 1000;

            },

            /              

              时间戳转换日期              

              @param <int> unixTime    待时间戳(秒)              

              @param <bool> isFull    返回完整时间(Y-m-d 或者 Y-m-d H:i:s)              

              @param <int>  timeZone   时区              

             /

            UnixToDate: function(unixTime, isFull, timeZone) {

                if (typeof (timeZone) == 'number')

                {

                    unixTime = parseInt(unixTime) + parseInt(timeZone)  60  60;

                }

                var time = new Date(unixTime  1000);

                var ymdhis = "";

                ymdhis += timegetUTCFullYear() + "-";

                ymdhis += (timegetUTCMonth()+1) + "-";

                ymdhis += timegetUTCDate();

                if (isFull === true)

                {

                    ymdhis += " " + timegetUTCHours() + ":";

                    ymdhis += timegetUTCMinutes() + ":";

                    ymdhis += timegetUTCSeconds();

                }

                return ymdhis;

            }

        }

    });

})(jQuery);

以上就是关于jQuery Countdown 获取的是服务器时间还是本地时间全部的内容,包括:jQuery Countdown 获取的是服务器时间还是本地时间、jquery怎么获取日期控件改变事件、怎么用JQuery获取两个时间之差等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10156703.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存