js 时间倒计时

最新推荐文章于 2024-04-28 17:03:19 发布

我已开始练习

最新推荐文章于 2024-04-28 17:03:19 发布

阅读量340

点赞数

分类专栏： web前端文章标签：倒计时 javascript

本文链接：https://blog.csdn.net/wujie_cnhn123456/article/details/51837607

版权

web前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<title>倒计时</title>
<meta charset=UTF-8 />
<style type="text/css">
#div {
    color: #A22900;
    font-size: 20px;
}
</style>
<script type="text/javascript">
    var countdown = function ()
    {
        var reg = /^\d{2}$/;
        var ending = new Date ("2016-7-6 11:40:00");
        var now = new Date;
        if (now >= ending)
        {
            clearTimeout(this.timeout);
            div.innerHTML = "计时完成";
            return;
        }
		// 结束时间减去参数时间
        var disc = ending - now;
        var day = parseInt (disc / 1000 / 60 / 60 / 24);
        var hour = parseInt (disc / 1000 / 60 / 60 % 24);
        hour = !reg.test(hour) ? "0" + hour : hour;
        var minute = parseInt (disc / 1000 / 60 % 60);
        minute = !reg.test(minute) ? "0" + minute : minute;
        var second = parseInt (disc / 1000 % 60);
        second = !reg.test(second) ? "0" + second : second;
        div.innerHTML = "距离结束时间<br / >" + day + "天" + hour + ":" + minute + ":" + second;
        this.timeout = setTimeout (countdown, 1000);
    }
     
    onload = countdown;
</script>
</head>
<body>
    <div id="div"></div>
</body>
</html>