JS倒计时代码

最新推荐文章于 2026-07-03 23:48:50 发布

原创最新推荐文章于 2026-07-03 23:48:50 发布 · 384 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

dom

本文介绍了一款使用JavaScript编写的简单倒计时代码，能够显示剩余的天数、小时、分钟和秒，适用于网页计时需求。

一款简单的 js 倒计时，用于显示剩余的天数，小时，分钟和秒。
代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form name="form1">  
        <div align="center" align="center">  
        <center>离2021年还有:<br>  
        <input type="textarea" name="left" size="35" style="text-align: center">  
        </center>  
        </div>  
        </form>  
        <script LANGUAGE="javascript">  
        startclock()  
        var timerID = null;  
        var timerRunning = false;  
        function showtime() {  
        Today = new Date();  
        var NowHour = Today.getHours();  
        var NowMinute = Today.getMinutes();  
        var NowMonth = Today.getMonth();  
        var NowDate = Today.getDate();  
        var NowYear = Today.getYear();  
        var NowSecond = Today.getSeconds();  
        if (NowYear <3000)  
        NowYear=1900+NowYear;  
        Today = null;  
        Hourleft = 23 - NowHour  
        Minuteleft = 59 - NowMinute  
        Secondleft = 59 - NowSecond  
        Yearleft = 2020 - NowYear  
        Monthleft = 12 - NowMonth - 1
        Dateleft = 31 - NowDate  
        if (Secondleft<0)  
        {  
        Secondleft=60+Secondleft;  
        Minuteleft=Minuteleft-1;  
        }  
        if (Minuteleft<0)  
        {   
        Minuteleft=60+Minuteleft;  
        Hourleft=Hourleft-1;  
        }  
        if (Hourleft<0)  
        {  
        Hourleft=24+Hourleft;  
        Dateleft=Dateleft-1;  
        }  
        if (Dateleft<0)  
        {  
        Dateleft=31+Dateleft;  
        Monthleft=Monthleft-1;  
        }  
        if (Monthleft<0)  
        {  
        Monthleft=12+Monthleft;  
        Yearleft=Yearleft-1;  
        }  
        Temp=Yearleft+'年, '+Monthleft+'月, '+Dateleft+'天, '+Hourleft+'小时, '+Minuteleft+'分, '+Secondleft+'秒'
        document.form1.left.value=Temp;  
        timerID = setTimeout("showtime()",1000);  
        timerRunning = true;  
        }  
        var timerID = null;  
        var timerRunning = false;  
        function stopclock () {  
        if(timerRunning)  
        clearTimeout(timerID);  
        timerRunning = false;  
        }  
        function startclock () {  
        stopclock();  
        showtime();  
        }  
        // -->  
        </script>   
</body>
</html>