廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

<script> (function () {  var tian = document.getElementsByClassName('JS-tian')[0];  var shi = document.getElementsByClassName('JS-shi')[0];  var fen = document.getElementsByClassName('JS-fen')[0];  var miao = document.getElementsByClassName('JS-miao')[0];  var endTime = new Date('2117/07/12 23:59:59').getTime() + 1000;  var interval = null;  interval = setInterval(function () {   var syhm = endTime - Date.now(); // 剩余毫秒   if (syhm >= 0) {    tian.innerText = Math.floor(syhm / 1000 / 60 / 60 / 24);    shi.innerText = Math.floor(syhm / 1000 / 60 / 60 % 24);    fen.innerText = Math.floor(syhm / 1000 / 60 % 60);    miao.innerText = Math.floor(syhm / 1000 % 60);   } else {    clearInterval(interval);   }  }, 0); })();</script>

htmlDemo:

<div> 距結束還剩：<span class="JS-tian"></span>天<span class="JS-shi"></span>時<span class="JS-fen"></span>分<span class="JS-miao"></span>秒</div>

以上所述是小編給大家介紹的基于JS代碼實現簡單易用的倒計時 x 天 x 時 x 分 x 秒效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！