javascript实现倒计时

最新推荐文章于 2024-11-19 15:20:01 发布

qq_37465004

最新推荐文章于 2024-11-19 15:20:01 发布

阅读量218

点赞数

分类专栏： Java web

本文链接：https://blog.youkuaiyun.com/qq_37465004/article/details/77792349

版权

Java web 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页倒计时的方法。通过设定结束日期和当前日期的比较，计算剩余的时间，并实时更新显示在网页上。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js实现倒计时</title>
</head>
<body>
<div>
    <span id="t_d"></span>
    <span id="t_h"></span>
    <span id="t_m"></span>
    <span id="t_s"></span>
</div>
<script type="text/javascript">
    function display(year,month,day,hour,minute,second){
        var endTime=new Date(year,month-1,day,hour,minute,second);
        var nowTime=new Date();
        var time=endTime.getTime()-nowTime.getTime();
        var d=0;
        var h=0;
        var m=0;
        var s=0;
        if(time>=0){
            d=Math.floor(time/1000/60/60/24);
            h=Math.floor(time/1000/60/60%24);
            m=Math.floor(time/1000/60%60);
            s=Math.floor(time/1000%60);
            document.getElementById("t_d").innerHTML=d+"天";
            document.getElementById("t_h").innerHTML=h+"时";
            document.getElementById("t_m").innerHTML=m+"分";
            document.getElementById("t_s").innerHTML=s+"秒";
        --s;
        }
    }
    setInterval("display(2017,9,1,15,10,00)",1000);

</script>

</body>
</html>