2018春节倒计时

最新推荐文章于 2023-01-31 16:06:18 发布

living_ren

最新推荐文章于 2023-01-31 16:06:18 发布

阅读量1.6k

点赞数

分类专栏：小程序文章标签： javascript

本文链接：https://blog.csdn.net/living_ren/article/details/78827503

版权

小程序专栏收录该内容

125 篇文章 1 订阅

订阅专栏

使用自动加载的方式调用定时器取得倒计时：

<!DOCTYPE html>

<html>
<head>
   <meta charset="utf-8">
   <title>春节倒计时</title>
</head>
<body οnlοad="showtime()">
   <h2>春节倒计时</h2>
   <hr><br>
   <span id='span'></span>
</body>
   <script type="text/javascript">
       //全选事件调用方法
           function showtime(){
               setInterval("time_get()",500);
           }

           function time_get(){
               var date=new Date();
               var thedate=new Date(2018,01,16,0,0,0);
               var allseconds=Math.floor((thedate.getTime()-date.getTime())/1000);
               var days=Math.floor(allseconds/60/60/24);
               var hours=Math.floor((allseconds-days*60*60*24)/60/60);
               var minutes=Math.floor((allseconds-days*60*60*24-hours*60*60)/60);
               var seconds=allseconds-days*60*60*24-hours*60*60-minutes*60;
               document.getElementById('span').innerHTML="当前距离2018年春节还有"+days+'天'+hours+'小时'+minutes+'分'+seconds+'秒';
           }
   </script>
</html>