倒数计时器在Firefox中不起作用

时间:2015-02-23 15:51:32

标签: javascript php jquery countdowntimer jquery-countdown

大家好,我有一个倒计时器,可以在网站上运行。不幸的是,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功能正常运行!

1 个答案:

答案 0 :(得分:0)

我在另一个步骤located here

找到了解决方案

所有这一切都是为了让浏览器的格式可以像@charlietfl那样被提及。

我使用的代码位于原始脚本的第8行:

finish = new Date(end.replace(/\-/g,'\/').replace(/[T|Z]/g,' ')),
         timer,