2017-09-16 76 views
0

好,所以我使用http://keith-wood.name/倒计时插件,并使用其中一个函数为unix时间戳,但需要一些帮助。如何进行全球倒计时?

我将在该网站周围进行多次倒计时,但我已经得到它的工作方式我必须声明每个计时器如下。

var crimeTime = new Date(); 
crimeTime.setTime(<?php echo $crime_time * 1000; ?>); 
$('#Crimes').countdown({until: crimeTime, compact: true, format: 'HMS'}); 

,并有重复行的每个倒计时还有制作计时器全球所以实例的方式...

<div class="countdown"><?php echo $unixtimestamp;?></div> 

我环顾四周,并尝试了很多,但他们要么不根本不工作,或者不能正确使用unix时间戳。

另一个问题是如何让定时器自动开始倒计时提交?

例如只能每1分钟执行一次活动计时器显示00:00:00一旦点击提交它所停留的活动00:00:00它不会更改为00:01:00,除非页面为提交后刷新。

谢谢。

+0

https://stackoverflow.com/questions/10492126/trying-to-use-jquery-countdown-with-unix-timestamp-from-php – powerfade917

回答

0

可以在PHP/HTML走这条路:

<div class="countdown" data-time="<?=$unixtimestamp;?>"></div> 

而在jQuery的你:

$('.countdown').each(function(i) { 
    var thisCounter = $(this); 
    var thisTime = thisCounter.data('time'); 
    var crimeTime = new Date(); 
    crimeTime.setTime(thisTime); 
    thisCounter.countdown({until: crimeTime, compact: true, format: 'HMS'}); 
}); 
+0

很抱歉,如果我是不是当我的意思是全球更具体/多个我喜欢不同的定时器为不同的活动,这样我仍然必须定义每个活动? 所以就像犯罪时间是一个计时器和gtatime是另一个,但希望一种显示两种方式而不必写多行jQuery。 – BoxyGILLETT

+0

@Boxy你是什么意思显示多个定时器没有写多行代码?只需制作一个函数并调用它即可 –

+0

我喜欢存储在数据库中的多个unix时间戳,用于不同的事情,但希望它们显示在一个页面上,而不必反复不断地写入相同的代码,但只需编辑它以匹配另一个像我的问题帖子。 我会看看你放了什么东西,晚饭后玩一玩:) – BoxyGILLETT

0

如果你只是需要一个时间计数器(以获得realtime时间),你可以做一个全球性的,只是参考它:

timer = new Date().getTime(); // time in miliseconds 
timerHolder = setInterval(
() => { 
    timer+= 1000; 
    }, 1000 
); 

然后阅读你可以做的时间: new Date(timer)