如何进行全球倒计时?

时间:2017-09-16 19:52:51

标签: javascript jquery

好的,我正在使用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除非刷新页面提交后。

感谢。

2 个答案:

答案 0 :(得分: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'});
});

答案 1 :(得分:0)

如果您只需要一个时间计数器(以timer = new Date().getTime(); // time in miliseconds timerHolder = setInterval( () => { timer+= 1000; }, 1000 ); 获得时间),您可以创建一个全局计数器并简单地引用它:

new Date(timer)

然后阅读你可以做的时间: $temp=array(2,3,4,9); for($i=4; $i>=0; $i--) { $query1 = $mysqli->query("SELECT * FROM user WHERE u_id IN ('$temp')"); if ($query1) { echo '<br> hello'.$i; } }