JS倒計(jì)時(shí)實(shí)例_天時(shí)分秒
更新時(shí)間:2017年08月22日 08:37:54 投稿:jingxian
下面小編就為大家?guī)硪黄狫S倒計(jì)時(shí)實(shí)例_天時(shí)分秒。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
HTML代碼:
<div id="times_wrap" class="time_num"> 距離結(jié)束時(shí)間: <div class="time_w"> <b id="times_d" class="time"> </b>天 <b id="times_h" class="time"> </b>時(shí) <b id="times_m" class="time"> </b>分 <b id="times_s" class="time"> </b>秒 </div> </div>
JavaScript代碼:
<script type="text/javascript"> setTimeout("show_time()",1000); var time_wrap = document.getElementByIdx_x("times_wrap"); var time_d = document.getElementByIdx_x("times_d"); var time_h = document.getElementByIdx_x("times_h"); var time_m = document.getElementByIdx_x("times_m"); var time_s = document.getElementByIdx_x("times_s"); var time_end = new Date("2012/10/29 08:00:00"); // 設(shè)定結(jié)束時(shí)間 time_end = time_end.getTime(); function show_time(){ var time_now = new Date(); // 獲取當(dāng)前時(shí)間 time_now = time_now.getTime(); var time_distance = time_end - time_now; // 結(jié)束時(shí)間減去當(dāng)前時(shí)間 var int_day, int_hour, int_minute, int_second; if(time_distance >= 0){ // 天時(shí)分秒換算 int_day = Math.floor(time_distance/86400000) time_distance -= int_day * 86400000; int_hour = Math.floor(time_distance/3600000) time_distance -= int_hour * 3600000; int_minute = Math.floor(time_distance/60000) time_distance -= int_minute * 60000; int_second = Math.floor(time_distance/1000) // 時(shí)分秒為單數(shù)時(shí)、前面加零站位 if(int_hour < 10) int_hour = "0" + int_hour; if(int_minute < 10) int_minute = "0" + int_minute; if(int_second < 10) int_second = "0" + int_second; // 顯示時(shí)間 time_d.innerHTML = int_day; time_h.innerHTML = int_hour; time_m.innerHTML = int_minute; time_s.innerHTML = int_second; setTimeout("show_time()",1000); }else{ time_d.innerHTML = time_d.innerHTML; time_h.innerHTML = time_h.innerHTML; time_m.innerHTML = time_m.innerHTML; time_s.innerHTML = time_s.innerHTML; // clearTimeout(timerID) } }; </script>
以上這篇JS倒計(jì)時(shí)實(shí)例_天時(shí)分秒就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript 批量創(chuàng)建數(shù)組的方法
JavaScript有許多批量創(chuàng)建數(shù)組的方法,為了衡量它們的性能,我分別使用不同的方法創(chuàng)建一個(gè)長度為100000的數(shù)組,且鍵和值相等,今天小編給大家分享基于js批量創(chuàng)建數(shù)組的方法,一起看看吧2017-03-03基于JavaScript實(shí)現(xiàn)在新的tab頁打開url
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)在新的tab頁打開url 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08jQuery右下角旋轉(zhuǎn)環(huán)狀菜單特效代碼
jquery實(shí)現(xiàn)右下角旋轉(zhuǎn)環(huán)形菜單特效代碼,是固定在頁面右下角位置,當(dāng)用戶點(diǎn)擊了主菜單按鈕后,子菜單項(xiàng)會(huì)以環(huán)狀旋轉(zhuǎn)進(jìn)入頁面,并使用animate.css制作動(dòng)畫效果,有需要的朋友可以參考下2015-08-08javascript獲得CheckBoxList選中的數(shù)量
javascript獲得CheckBoxList選中的數(shù)量(jQuery與Javascript對(duì)照學(xué)習(xí)/前臺(tái)與后臺(tái))2009-10-10常用JS圖片滾動(dòng)(無縫、平滑、上下左右滾動(dòng))代碼大全(推薦)
本文給大家分享一段js代碼關(guān)于實(shí)現(xiàn)圖片滾動(dòng)效果,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2016-12-12js實(shí)現(xiàn)的xml對(duì)象轉(zhuǎn)json功能示例
這篇文章主要介紹了js實(shí)現(xiàn)的xml對(duì)象轉(zhuǎn)json功能,結(jié)合實(shí)例形式分析了javascript轉(zhuǎn)換成xml所涉及的字符串、對(duì)象、數(shù)組、遍歷等操作技巧與使用方法,需要的朋友可以參考下2016-12-12