Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)效果-創(chuàng)新互聯(lián)

本文實(shí)例為大家分享了js實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)展示的具體代碼，供大家參考，具體內(nèi)容如下

創(chuàng)新互聯(lián)長(zhǎng)期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為宿城企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，宿城網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

這里使用的是Date日期類

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>日期類倒計(jì)時(shí)</title>
    <script type="text/javascript">
      window.onload=function(){
        var odiv=document.getElementById("time");
        var obtn=document.getElementById("btn");
        var omusic=document.getElementById("music");
        obtn.onclick=function(){//按鈕點(diǎn)擊 音樂停止播放
          omusic.pause();
        }
        function totwo(e){
          return e<10?"0"+e:""+e;//如果取得的數(shù)字為個(gè)數(shù)則在其前面增添一個(gè)0
        }
        function go(){//把獲取時(shí)間的功能封裝到函數(shù)內(nèi)    注意 時(shí)間要向下取整避免小數(shù)
            var time1=new Date();//獲取當(dāng)前時(shí)間 獲取的市1970年1年1月日到現(xiàn)在的毫秒數(shù)(必須寫在函數(shù)或者定時(shí)器內(nèi) 每一次變化都要重新獲取當(dāng)前時(shí)間)
            var time2=new Date(2017,9,27,17,20,10);//設(shè)置需要到達(dá)的時(shí)間 也是獲取的毫秒數(shù)
            var conS=Math.floor((time2.getTime()-time1.getTime())/1000);//獲得差值除以1000轉(zhuǎn)為秒
            var day=totwo(Math.floor(conS/86400));// 差值/60/60/24獲取天數(shù)
            var hour=totwo(Math.floor(conS%86400/3600)); //  取余/60/60獲取時(shí)(取余是獲取conS對(duì)應(yīng)位置的小數(shù)位)
            var min=totwo(Math.floor(conS%86400%3600/60));// 取余/60獲取分
            var s=totwo(Math.floor(conS%60)); //取總秒數(shù)的余數(shù)
            var html="倒計(jì)時(shí)"+day+"天"+hour+"時(shí)"+min+"分"+s+"秒"; 
            odiv.innerHTML=html;//把字符串添加進(jìn)div中
            if(conS<0){//倒計(jì)時(shí)完成 執(zhí)行功能，這里是播放MP3
              clearInterval(time);//執(zhí)行功能時(shí)要清除時(shí)間函數(shù)
              omusic.play();
              odiv.innerHTML="春節(jié)快樂！";
            }          
        }
        go();//調(diào)用函數(shù)
        var time=setInterval(go,1000);//設(shè)置定時(shí)器 每一秒執(zhí)行一次
      }
    </script>
  </head>
  <body>
    <button id="btn">停止</button>
    <audio src="music.mp3" id="music"></audio>
    <div id="time"></div>
  </body> 
</html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.chinadenli.net，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前名稱：Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)效果-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://www.chinadenli.net/article24/dcdgje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、App開發(fā)、品牌網(wǎng)站制作、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Javascript實(shí)現(xiàn)時(shí)間倒計(jì)時(shí)效果-創(chuàng)新互聯(lián)