我正试着从一个特定的日期开始做一个计数计时器。我使用了这个(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');
下面是一个完整的工作示例。运行该片段以查看其工作情况。
具体如何工作,请看@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>
您必须使用
$('#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等等。