国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于JS代碼實現簡單易用的倒計時 x 天 x 時 x 分 x 秒效果

2019-11-19 16:05:31
字體:
來源:轉載
供稿:網友

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

<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 秒效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巴彦县| 马山县| 六安市| 清镇市| 大安市| 徐水县| 乳源| 文昌市| 长子县| 通山县| 达尔| 铁岭市| 红河县| 同仁县| 南宁市| 凤冈县| 邳州市| 龙江县| 南投县| 宜君县| 炎陵县| 双辽市| 洛浦县| 湖南省| 张家口市| 牟定县| 灌南县| 贵定县| 景德镇市| 开阳县| 江口县| 揭西县| 治县。| 应城市| 兴安县| 沁源县| 宝兴县| 马鞍山市| 鄂托克前旗| 淄博市| 揭东县|