首頁 > web前端 > js教程 > js實作網頁倒數計時、網站已運行時間功能的程式碼3例_javascript技巧

js實作網頁倒數計時、網站已運行時間功能的程式碼3例_javascript技巧

WBOY
發布: 2016-05-16 16:52:34
原創
1492 人瀏覽過

1、jQuery.countdown插件

顯示格式:50 週01 天07 小時18 分41 秒(秒為跑秒)
一個頁面可以有多個倒數計時實例,可以停止和開始,它沒有提供太多的功能,但時間格式和輸出的尺寸都可以自訂。
目前最新版v2.0.2,官方網址http://hilios.github.io/jQuery.countdown/
例如:

複製程式碼


程式碼如下:





    $(this).html(event.strftime('%w 週%d 天%H:%M:%S'));
  });


輸出結果:50 週01 天07 小時18 分41 秒 注意:如果需要總共還有多少天數用%D,參數說明:
複製程式碼


程式碼如下:


Y: "years"m: "months"

w: "weeks"
d: "days"
D: "totalDays"

H: "hours"
M: "minutes"S: "seconds"

2、顯示格式:距離結束時間還有:00天05小時25分30秒(秒為跑秒)
複製代碼


代碼如下:





 }    else  

  document.getElementBy. else     document。 >距離結束時間還有:" daysold "天" hrsold "小時" minsold "分" seconds "秒";  //結束時間小於1天,字體呈紅色提醒
}  
}  
show_date_time();  

3、 顯示格式:已運轉0 年1 天0 小時4 分鐘35 秒(秒為跑秒)
複製程式碼 程式碼如下:





相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板