大家好,我有一个倒计时器,可以在网站上运行。不幸的是,Firefox不支持它,但它在Chrome和Opera(其他浏览器尚未检查)中运行良好。
它背后的理论是在页面上设置时间戳“END”,并保存在DB中(一切正常)。然后检索END(PHP)并将其输入到jQuery函数中,该函数从当前时间倒计时到END。
php完全正常工作所以我的jQuery函数如下所示,因为我确定它位于这里的某个地方。
先谢谢你们!
// Code for a countdown timer
var countdown = function(end, elements){
var _second = 1000,
_minute = _second*60,
_hour = _minute*60,
_day = _hour*24,
finish = new Date(end),
timer,
calculate = function(){
var now = new Date(),
remaining = finish.getTime() - now.getTime(),
data;
if (isNaN(finish)){
console.log("Invalid date/time");
return;
};
if (remaining <= 0){
clearInterval(timer);
if (typeof callback ==='function'){
callback();
}
} else {
if (!timer){
timer = setInterval(calculate, _second);
};
data = {
"days" : Math.floor(remaining/_day),
"hours" : Math.floor((remaining % _day) / _hour),
"minutes" : Math.floor((remaining % _hour) / _minute),
"seconds" : Math.floor((remaining % _minute) / _second)
};
if (elements.length){
for (x in elements){
var x = elements[x];
data[x] = ('00' + data[x]).slice(-2);
document.getElementById(x).innerHTML = data[x];
};
};
};
};
calculate();
}
抱歉,它按如下方式调用:
<script>
var callback = function(){console.log('Done!')};
countdown("<?php get_deadline($conn);?>", ['days', 'hours', 'minutes', 'seconds'], callback); // Get deadline for exam name
</script>
正如我所说的php功能正常运行!
答案 0 :(得分:0)
我在另一个步骤located here
找到了解决方案所有这一切都是为了让浏览器的格式可以像@charlietfl那样被提及。
我使用的代码位于原始脚本的第8行:
finish = new Date(end.replace(/\-/g,'\/').replace(/[T|Z]/g,' ')),
timer,