Question

我正在使用jquery创建一个倒数计时器，我在这里举了几个例子，并提出了以下代码。问题是时间没有显示，我无法弄清楚出了什么问题。被困了将近2个小时..

返回代码

    var day = 1;                        //countdown time
    var start = player.LastActive;      // Use UtcNow instead of Now
    var endTime = start.AddDays(day);   //endTime is a member, not a local variable
    Timespan remainingTime = endTime - DateTime.UtcNow;

我的javascript

var endTime = '<%= remainingTime%>';
var startTime = '<%= DateTime.UtcNow %>'

$(document).load(function () {
        countDown(endTime);
    });

    function countDown(endTime) {
        if (endTime > 0) {
            var d = document.getElementById("countDiv");
            d.innerHTML = endTime;
            setTimeout(function () { countDown(endTime - 1); }, 1000);
        }
    }

我的HTML

<div id="countDiv" style="float:left;margin-top: 13px; margin-left:5px;"></div>

我的目标是展示一个玩家每天移动多久：这是玩家最后一次活动后的第二天。有人可以开导我......谢谢你。

Answer 1

由于您的结束时间是javascript代码中的字符串，因此请先将其转换为整数

试试这个

$(document).ready(function () {
        countDown(parseInt(endTime));
    });

Answer 2

使用$(window).load

或

$(document).ready

但不是$(document).load

当你似乎使用jquery时，你可以做

$(document).ready(function () {
        countDown(endTime);
    });

    function countDown(endTime) {
        if (endTime > 0) {
            $('#countDiv').text(secondsToTime(endTime));
            setTimeout(function () { countDown(endTime - 1); }, 1000);
        }
    }
function secondsToTime(secs)
{
    var hours = Math.floor(secs / (60 * 60));

    var divisor_for_minutes = secs % (60 * 60);
    var minutes = Math.floor(divisor_for_minutes / 60);

    var divisor_for_seconds = divisor_for_minutes % 60;
    var seconds = Math.ceil(divisor_for_seconds);

    return hours +':' + minutes + ':' + seconds;
}

几秒钟，它来自 https://stackoverflow.com/a/6312999/961526，您可以选择另一个版本。

请参阅jsFiddle

Answer 3

ready，而不是load。

$(document).ready(function () {
  countDown(endTime);
});

Answer 4

或试试这个

  $(function() {
            countDown(endTime);
       });

 function countDown(parseInt(endTime)) {
        if (endTime > 0) {
            $('#countDiv').text(endTime);
            setTimeout(function () { countDown(endTime - 1); }, 1000);
        }
    }

javascript中的倒计时器使用setTimeout

4 个答案: