当前位置: 首页 > 知识库问答 >
问题:

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

邹祺
2023-03-14

我正试着从一个特定的日期开始做一个计数计时器。我使用了这个(http://tutorialzine.com/2012/09/count-up-jquery/)教程来做,但我不知道在哪里放进去:

$('#countdown').countup({start:new Date(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');

共有2个答案

解明辉
2023-03-14

下面是一个完整的工作示例。运行该片段以查看其工作情况。

具体如何工作,请看@anubhab的回答(upposted)。此外,确保您的页面包含使其工作所需的所有CSS和Javascript文件。

null

<!DOCTYPE HTML>
<html>
<head>
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" />
  <link rel="stylesheet" href="http://demo.tutorialzine.com/2012/09/count-up-jquery/assets/countup/jquery.countup.css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="http://demo.tutorialzine.com/2012/09/count-up-jquery/assets/countup/jquery.countup.js"></script>
</head>
<body>
  <div id="countdown"></div>
  <script>
    $(function() {
      // jQuery ready - create counter
      $('#countdown').countup({
        start: new Date(2016, 0, 1, 0, 0, 0)
      });
    });
  </script>
</body>
</html>
楚天宇
2023-03-14

您必须使用

$('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21) //year, month, day, hour, min, sec });

您的html将有一个id=“Countdown”的元素

<div id="countdown"></div>

现在您可以将它放在JS中的任何位置。假设您想在窗口加载时调用这个插件,那么您包含的JS文件可能有如下内容:

$(window).on('load',function(){
    $('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21)});
})

分解正在发生的事情:

$("#countdown").countup()//calls a jQuery function obviously

作为参数,您正在传递对象{star:new Date()}

下面是Javascript Date()方法将接受的接受格式的一些细节:http://www.w3schools.com/js/js_date_formats.asp

现在,一旦您调用了.countup()函数,请注意$.extend()部分,它基本上将第二个对象复制到第一个对象,即如果您传递

{start:new Date("2015-11-10")}

这将覆盖函数定义中的默认键start。如果您不将其作为参数传递,它就会返回到new Date(),它基本上是当前日期时间。

 类似资料:
  • 我试图使一个倒计时,显示总天数,小时,分钟和秒的剩余特定日期。 这就是我到目前为止所创造的。 我用过计时器,它用Console.WriteLine计数,但TextViews什么也不显示,也不更新...有人知道如何每秒钟更新TextViews吗?

  • 我正在使用日期选择器和选定的datePicker模式作为时间。当我加载日期选择器时,它显示的是当前时间。但我想设置默认时间总是5:00 PM。 我试过下面的方法,但对我不起作用。 请帮我把时间默认为下午5点。谢谢.

  • 问题内容: 如何设置一个计时器(例如2分钟)尝试连接数据库,然后在连接中出现任何问题时引发异常? 问题答案: 因此,答案的第一部分是如何做主题所要求的,因为这是我最初对它的解释方式,并且似乎有人发现有所帮助。此后,问题得到了澄清,我已经扩展了答案以解决该问题。 设定计时器 首先,你需要创建一个计时器(我在java.util这里使用版本): .. 要执行任务,请执行以下操作: 要在持续时间之后重复执

  • 我正在尝试实现一个倒计时计时器,它将使用一个特定的日期和时间开始。从那里,我需要它从1小时倒计时,然后更新最初的日期和时间,增加一个小时,然后无限期地重复自己。 这是用于一个产品拍卖,将得到一个新的产品,一旦一个售完,价格下降每小时从它添加到拍卖,可能是一天中的任何时间。 示例: 我需要这个计时器在2014,7,25,11,30,0,0开始(2014年8月25日美国东部时间上午11:30),它将倒

  • 我在itext7图书馆工作。我想做一个放在桌子上面的台面。问题出现在包含表格的每一页上。它绘制下一个表的编号。这就是结果。你可以看到表1的结尾,但表的顶部是2等等。