Javascript 如何在计数计时器上设置特定日期
我试图从一个特定的日期开始计时。我用这个()教程来做,但我不知道放在哪里: $(“#倒计时”)。倒计时({ 开始:新日期(2012、10、27、15、58、21)//年、月、日、时、分、秒 }); 正如描述中所说 代码的开头如下所示:Javascript 如何在计数计时器上设置特定日期,javascript,java,jquery,Javascript,Java,Jquery,我试图从一个特定的日期开始计时。我用这个()教程来做,但我不知道放在哪里: $(“#倒计时”)。倒计时({ 开始:新日期(2012、10、27、15、58、21)//年、月、日、时、分、秒 }); 正如描述中所说 代码的开头如下所示: (function($){ // Number of seconds in every time division var days = 24*60*60, hours = 60*60, minutes
(function($){
// Number of seconds in every time division
var days = 24*60*60,
hours = 60*60,
minutes = 60;
// Creating the plugin
$.fn.countup = function(prop){
var options = $.extend({
callback : function(){},
start : new Date()
},prop);
var passed = 0, d, h, m, s,
positions;
// Initialize the plugin
init(this, options);
positions = this.find('.position');
您必须使用
$('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21) //year, month, day, hour, min, sec });
其中html将有一个id为“倒计时”的元素
分解正在发生的事情:
$("#countdown").countup()//calls a jQuery function obviously
作为参数,您正在传递一个对象
{star:new Date()}
下面是Javascript Date()方法可以接受的接受格式的一些细节:
现在,一旦调用.countup()函数,请注意$.extend()部分,它基本上将第二个对象复制到第一个对象上,也就是说,如果您继续
{start:new Date("2015-11-10")}
这将覆盖函数定义中的默认键开始。如果不将其作为参数传递,它将返回到new Date(),它本质上是当前日期时间。您必须使用
$('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21) //year, month, day, hour, min, sec });
其中html将有一个id为“倒计时”的元素
分解正在发生的事情:
$("#countdown").countup()//calls a jQuery function obviously
作为参数,您正在传递一个对象
{star:new Date()}
下面是Javascript Date()方法可以接受的接受格式的一些细节:
现在,一旦调用.countup()函数,请注意$.extend()部分,它基本上将第二个对象复制到第一个对象上,也就是说,如果您继续
{start:new Date("2015-11-10")}
这将覆盖函数定义中的默认键开始。如果不将其作为参数传递,它将返回到new Date(),它本质上是当前日期时间。这里是一个完整的工作示例。运行代码段以查看其工作情况 有关其工作原理的详细信息,请参见@Anubhab的答案(投票支持)。此外,确保您的页面包含使其正常工作所需的所有CSS和Javascript文件
$(函数(){
//jQuery就绪-创建计数器
$(“#倒计时”)。倒计时({
开始日期:新日期(2016,0,1,0,0,0)
});
});
这里是一个完整的工作示例。运行代码段以查看其工作情况
有关其工作原理的详细信息,请参见@Anubhab的答案(投票支持)。此外,确保您的页面包含使其正常工作所需的所有CSS和Javascript文件
$(函数(){
//jQuery就绪-创建计数器
$(“#倒计时”)。倒计时({
开始日期:新日期(2016,0,1,0,0,0)
});
});
我对您的答案投了赞成票,还发布了另一个示例作为您解释的补充。我对您的答案投了赞成票,还发布了另一个示例作为您解释的补充。谢谢您的回答!但是根据设置的日期,计数器是不正确的,我如何修复它?@RikardAbrahamsson-该插件的最大使用期限似乎是99天。您需要修改插件代码以显示更多数字或使用少于100天的开始日期。我已将示例中的开始日期更改为2016年1月1日,这似乎有效。感谢您的回答!但是根据设置的日期,计数器是不正确的,我如何修复它?@RikardAbrahamsson-该插件的最大使用期限似乎是99天。您需要修改插件代码以显示更多数字或使用少于100天的开始日期。我已将示例中的开始日期更改为2016年1月1日,这似乎有效。