Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在计数计时器上设置特定日期_Javascript_Java_Jquery - Fatal编程技术网

Javascript 如何在计数计时器上设置特定日期

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

我试图从一个特定的日期开始计时。我用这个()教程来做,但我不知道放在哪里:

$(“#倒计时”)。倒计时({ 开始:新日期(2012、10、27、15、58、21)//年、月、日、时、分、秒 });

正如描述中所说

代码的开头如下所示:

(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日,这似乎有效。