1

我正在处理 asp.net、jQuery、C# 中的倒数计时器代码。

我有这个用于倒数计时器的 jQuery 代码：

<div id="timelabel"></div>
<script type="text/javascript">
var leave = <%=seconds %>;
CounterTimer();

var interv = setInterval(CounterTimer,1000);

function CounterTimer()
{
    var day = Math.floor(leave / ( 60 * 60 * 24))
    var hour = Math.floor(leave / 3600) - (day * 24)
    var minute = Math.floor(leave / 60) - (day * 24 *60) - (hour * 60)
    var second = Math.floor(leave) - (day * 24 *60*60) - (hour * 60 * 60) -(minute*60)

    hour = hour < 10 ? "0" + hour : hour;
    minute = minute < 10 ? "0" + minute : minute;
    second = second<10 ? "0" + second : second;

    var remain = day + " days   " + hour + ":" + minute + ":" + second;
    leave = leave - 1;

    document.getElementById("timelabel").innerText = remain;
}
</script>

我从.cs文件后面的代码中传递结束日期：

public double seconds;

protected void Page_Load(object sender, EventArgs e)
{
    seconds = (GetEndTime() - GetStartTime()).TotalSeconds;
}

private DateTime GetStartTime()
{
    return DateTime.Now;
}

private DateTime GetEndTime()
{
    return new DateTime(2016, 6, 12, 11, 57, 00); //end date yr-month-day hr-mnt-sec
}

我面临一个问题，即这个计时器在达到 0 天 00:00:00 时不会停止，它会超过 -1 天 23:48:20。我想解决这个问题，因为我对 jQuery 没有太多了解，我发现它非常困难，所以有人可以指导我进行必要的修改吗？请帮忙。先感谢您。

4

1 回答 1

0

您需要在间隔达到 0 或更高后清除间隔。将此添加到 CounterTimer 函数的底部。

if(leave <= 0) clearInterval(interv);
于 2016-06-12T06:52:05.633 回答