倒计时案例实现

最新推荐文章于 2024-07-31 01:38:49 发布

第一千行代码

最新推荐文章于 2024-07-31 01:38:49 发布

阅读量319

点赞数

本文链接：https://blog.csdn.net/y75475/article/details/69265610

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="{CHARSET}">
        <title></title>
        <script type="text/javascript">
            window.onload = function(){
            var divs = document.getElementsByTagName('div')[0];
            var timer;
            setInterval(function(){
            var date = new Date(2017,2,26,18,40);
            var date_now = new Date();//今天的时间
//          alert(date);
            var sy = （date.getTime()-date_now.getTime()/1000;
//          alert(sy);
            var day = (Math.floor(sy/60/60/24));//剩余天数
            var hours =(Math.floor(sy/60/60%24));//剩余小时
            var minute = (Math.floor(sy/60%60));//剩余分钟
            var second = (Math.floor(sy%60));//剩余秒数
            divs.innerHTML = ('距离世界末日还剩余'+day+'天'+hours+'小时'+ minute+"分"+ second+'秒');
        },1000)
            }
        </script>
    </head>
    <body>
        <style>
            div{
                width: 100%;
                text-align: center;
            }
        </style>
        <div id="">

        </div>
    </body>
</html>