为什么这个倒计时器不会显示在我的手机上?

时间:2015-05-27 23:41:38

标签: javascript laravel

我有一些基本上是倒数计时器的Javascript:

<script>
var clockRunning = false;
var clockPlaceholder = document.getElementById("clock-placeholder");
var targetDate;
var clock;

function updateClock() {
    var cd = countdown(targetDate, null, countdown.DAYS | countdown.HOURS | countdown.MINUTES | countdown.SECONDS, 4);
    clockPlaceholder.innerHTML = cd.toString();
    if (targetDate.getTime() < (new Date()).getTime()) {
        endCountdown();
    }
}

function startCountdown() {
    if (clockRunning == false) {
        var h, m, s;
        // setup target Date object
        var now = new Date(); // console.debug(now.toString());
        var laravelTime = '{{ $auction->endtime }}';
        targetDate = new Date(laravelTime);
        // start clock
        clock = setInterval(updateClock, 1000);
        clockRunning = true;
    }
}

function endCountdown() {
    clockPlaceholder.innerHTML = "Auction Ended"
    clearInterval(clock);
    clockRunning = false;
}
</script>

这一行:var laravelTime = '{{ $auction->endtime }}';只是从数据库中获取结束时间。

无论如何,它在我的电脑上完美运行,但是当我浏览手机(iOS)上的页面时,它根本不显示。 Safari和Chrome都没有显示它。

我对js很新。任何帮助将不胜感激!

0 个答案:

没有答案