[JavaScript] js距离2020年元旦天数倒计时代码 →→→→→进入此内容的聊天室

来自 , 2020-06-15, 写在 JavaScript, 查看 112 次.
URL http://www.code666.cn/view/9d949c3d
  1. <!DOCTYPE html>
  2. <html style="font-size: 85.3333px;">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta http-equiv="Cache-Control" content="no-transform">
  9. <meta name="applicable-device" content="mobile">
  10. <meta http-equiv="Cache-Control" content="no-siteapp">
  11. <title>2020新年元旦倒计时js代码</title>
  12.  
  13. <style>
  14. .timebox2{width:640px;background-color:#FCF3E2;padding: 1rem 0;background: url(images/ks_bcg2.png) center center no-repeat;background-size: 100% 100%;}
  15. .timebox2 div,timebox2 span,timebox2 div span{color: #333 !important;}
  16. .timebox2 .timecounter span{color: #333 !important;}
  17. .timetext{width: 100%;text-align: center;}
  18. .timetexttitle{font-size:0.3rem;margin-bottom: 10px;color: #fff;}
  19. .timetextintro{font-size: 0.22rem;margin-bottom: 10px;color: #fff;padding: 0 1.52rem;box-sizing: border-box;}
  20. .timecounter{font-size: 0.6rem;}
  21. .txt{padding: 0 0.2rem;box-sizing:border-box;}
  22. .clearbg5{display: block;clear: both;width: 100%;height: 0.16rem;overflow: hidden;background-color: #eee;}
  23. .txt p{line-height: 30px;margin-top: 0.2rem;}
  24. .txt p img{width: 100%;}
  25. .timecounter span{color: #fff;}
  26. </style>
  27.  
  28. <body>
  29.  
  30. <div class="timebox2">
  31.         <div class="timetext">
  32.                 <div class="timetexttitle">2020年元旦倒计时</div>
  33.                 <div class="timetextintro">元旦时间:2020年1月1日 农历腊月初七 星期三</div>
  34.                 <div class="timetextintro">目前距离2020年元旦还有</div>
  35.                 <div class="timecounter">
  36.                         <span id="t_d">127 天</span>
  37.                         <span id="t_h">10 时</span>
  38.                         <span id="t_m">24 分</span>
  39.                         <span id="t_s">8 秒</span>
  40.                 </div>
  41.         </div>
  42. </div>
  43.  
  44. <script type="text/javascript">
  45. function getRTime() {
  46.         var EndTime = new Date("2020/01/01 00:00:00"); //截止时间
  47.         var NowTime = new Date();
  48.         var t = EndTime.getTime() - NowTime.getTime();
  49.         var d = Math.floor(t / 1000 / 60 / 60 / 24);
  50.         var h = Math.floor(t / 1000 / 60 / 60 % 24);
  51.         var m = Math.floor(t / 1000 / 60 % 60);
  52.         var s = Math.floor(t / 1000 % 60);
  53.  
  54.         document.getElementById("t_d").innerHTML = d + " 天";
  55.         document.getElementById("t_h").innerHTML = h + " 时";
  56.         document.getElementById("t_m").innerHTML = m + " 分";
  57.         document.getElementById("t_s").innerHTML = s + " 秒";
  58. }
  59. setInterval(getRTime, 1000);
  60. </script>
  61. </body>
  62. </html>
  63. 转自:https://www.yuncode.net/js/4793.html,转载请保留出处!

回复 "js距离2020年元旦天数倒计时代码"

这儿你可以回复上面这条便签

captcha