基于JS實(shí)現(xiàn)的倒計時程序?qū)嵗?/h1>

 更新時間：2015年07月24日 12:30:16   作者：罪惡的花生  

這篇文章主要介紹了基于JS實(shí)現(xiàn)的倒計時程序,實(shí)例分析了javascript實(shí)現(xiàn)倒計時計數(shù)的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下

本文實(shí)例講述了基于JS實(shí)現(xiàn)的倒計時程序。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

剩余時間：<i id="expireTime"></i>
<script type="text/javascript">
  var expire = 2412169;
  var expireTime = function(expires){
    if(expires > 0){
      var second = expires;
    }else{
      var second = "0 分";
      return second;
    }
    var day = hour = min = "";
    if(second>86400){
      day = Math.floor(second/86400)+"天 ";
      second = second%86400;
    }
    if(second>3600){
      hour = Math.floor(second/3600)+"時 ";
      second = second%3600;
    }
    if(second>60){
      min = Math.floor(second/60)+"分 ";
      second = second%60;
    }
    second = second+"秒";
    return day+hour+min+second;
  }
  var timeEle = document.getElementById("expireTime");
  var timer = window.setInterval(function(){
    timeEle.innerHTML = expireTime(expire--);
    if(expire<0){
      clearInterval(timer);
    }
  },1000);
</script>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

• 利用linux的timerfd_create實(shí)現(xiàn)計時器示例分享
• c++利用windows函數(shù)實(shí)現(xiàn)計時示例
• C++ clock()解析如何使用時鐘計時的應(yīng)用
• android開發(fā)教程之間隔執(zhí)行程序(android計時器)
• js倒計時小程序
• javascript 學(xué)習(xí)筆記（四） 倒計時程序代碼
• 總結(jié)UNIX/LINUX下C++程序計時的方法

• JS
• 倒計時

相關(guān)文章

• 

  JavaScript檢測彈出窗口是否已經(jīng)關(guān)閉的方法

  這篇文章主要介紹了JavaScript檢測彈出窗口是否已經(jīng)關(guān)閉的方法,涉及javascript中window屬性的closed屬性的使用技巧,需要的朋友可以參考下

  2015-03-03
• 

  JavaScript Table行定位效果

  近來有客戶要求用table顯示一大串?dāng)?shù)據(jù)，由于滾動后就看不到表頭，很不方便，所以想到這個效果。

  2009-05-05
• 

  基于webpack-hot-middleware熱加載相關(guān)錯誤的解決方法

  下面小編就為大家分享一篇基于webpack-hot-middleware熱加載相關(guān)錯誤的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

  2018-02-02
• 

  JS跨瀏覽器解析XML應(yīng)用過程詳解

  這篇文章主要介紹了JS跨瀏覽器解析XML應(yīng)用過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

  2020-10-10
• 

  JavaScript 關(guān)于元素獲取焦點(diǎn)(隱藏元素與div)

  關(guān)于元素獲取焦點(diǎn)要注意2個小問題，需要的朋友可以參考下。

  2011-01-01
• 

  100多個基礎(chǔ)常用JS函數(shù)和語法集合大全

  本文將介紹100多個基礎(chǔ)常用JS函數(shù)和語法，具有很好的參考價值，下面跟著小編一起來看下吧

  2017-02-02
• 

  JavaScript函數(shù)式編程示例分析

  函數(shù)式編程是一種編程范式,將整個程序都由函數(shù)調(diào)用以及函數(shù)組合構(gòu)成。 可以看成一條流水線,數(shù)據(jù)可以不斷地從一個函數(shù)的輸出流入另一個函數(shù)的輸入,最后輸出結(jié)果

  2022-10-10
• 

  JavaScript File API文件上傳預(yù)覽

  這篇文章主要為大家詳細(xì)介紹了JavaScript File API實(shí)現(xiàn)文件上傳預(yù)覽的詳細(xì)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下

  2016-02-02
• 

  window.print()打印html網(wǎng)頁的兩種方法實(shí)現(xiàn)

  本文主要介紹了window.print()打印html網(wǎng)頁的兩種方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

  2022-06-06
• 

  其實(shí)你可以少寫點(diǎn)if else與switch（推薦）

  switch case與if else的區(qū)別：switch case會生成一個跳轉(zhuǎn)表來指示實(shí)際的case分支的地址，而if...else卻需要遍歷條件分支直到命中條件，下面這篇文章主要給大家介紹了關(guān)于if else與switch在使用中的一些技巧，需要的朋友可以參考下

  2019-01-01

最新評論