Js实现显示剩余X天X小时X分X秒

最新推荐文章于 2024-03-21 12:32:04 发布

嗨皮田酱

最新推荐文章于 2024-03-21 12:32:04 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： js

本文链接：https://blog.youkuaiyun.com/zttaiwx/article/details/53390255

JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用JavaScript编写一个动态显示剩余天数、小时数、分钟数和秒数的倒计时程序。通过设置特定日期，可以实时更新当前距离设定日期的剩余时间，适用于创建各种倒计时应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试</title>
</head>
<body>
    <span id="left-time"></span>
</body>
<script type="text/javascript" src="jquery-1.11.0.js" ></script>
<script type="text/javascript">
        getLeftTime("2016-11-30 00:00:00");

        var isAutoArrive = false;
        function getLeftTime(endtime){
            nowtime = new Date().getTime();
            lasttime = (Date.parse(new Date(endtime)) - nowtime)/1000;
            if(lasttime > 0){
                lastdate = parseInt(lasttime/3600/24);
                lasthours = parseInt(lasttime/3600%24);
                lastminutes = parseInt(lasttime/60%60);
                lastseconds = parseInt(lasttime%60);
                strtime = '剩余' + '' + lastdate + '' + '天' + '' + lasthours + '' + '时' + '' + lastminutes + '' + '分'+ '' + lastseconds + '' + '秒默认到达';
                $('#left-time').text(strtime);
            }else {
                //时间结束执行ajax代码逻辑
            }
            if(!isAutoArrive) {
                window.setTimeout('getLeftTime(\''+endtime+'\')', 1000);
            }
        }


</script>
</html>