亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js實現網頁倒計時、網站已運行時間功能的代碼3例

2019-11-20 20:49:54
字體:
來源:轉載
供稿:網友

1、jQuery.countdown插件

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

復制代碼 代碼如下:

<div id="getting-started"></div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://hilios.github.io/jQuery.countdown/javascripts/jquery.countdown.min.js"></script>
<script type="text/javascript">
  $('#getting-started').countdown('2016/01/01 00:00', function(event) {
    $(this).html(event.strftime('%w 周 %d 天 %H:%M:%S'));
  });
</script>

輸出結果: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秒(秒為跑秒)

復制代碼 代碼如下:

<div id="time" class="time"></div>
<script language=javascript>    
function show_date_time(){  
 window.setTimeout("show_date_time()", 1000);  
 target=new Date(2014,0,15,17,0,0);  //注意:表示月份的參數介于 0 到 11 之間。也就是說,如果希望把月設置為8月,則參數應該是7。
 today=new Date();

 timeold=(target.getTime()-today.getTime());  

 sectimeold=timeold/1000  
 secondsold=Math.floor(sectimeold);  
 msPerDay=24*60*60*1000  
 e_daysold=timeold/msPerDay  
 daysold=Math.floor(e_daysold);  
 e_hrsold=(e_daysold-daysold)*24;  
 hrsold=Math.floor(e_hrsold);  
 e_minsold=(e_hrsold-hrsold)*60;  
 minsold=Math.floor((e_hrsold-hrsold)*60);  
 seconds=Math.floor((e_minsold-minsold)*60);  

  if (daysold<0) {  
  document.getElementById("time").innerHTML="逾期,倒計時已經失效";  
}  
 else{  
 if (daysold<10) {daysold="0"+daysold}  
 if (hrsold<10) {hrsold="0"+hrsold}  
 if (minsold<10) {minsold="0"+minsold}  
 if (seconds<10) {seconds="0"+seconds}  
 if (daysold>0) {  
  document.getElementById("time").innerHTML="距離結束時間還有:"+daysold+"天"+hrsold+"小時"+minsold+"分"+seconds+"秒";  
 }  
 else  
  document.getElementById("time").innerHTML="<font color=red>距離結束時間還有:"+daysold+"天"+hrsold+"小時"+minsold+"分"+seconds+"秒</font>";  //結束時間小于1天,字體呈紅色提醒
}  
}  
show_date_time();  
</script>

3、 顯示格式:已運行0 年 1 天 0 小時 4 分鐘 35 秒(秒為跑秒)

復制代碼 代碼如下:

<span id="sitetime"></span>
<script language=javascript>
function siteTime(){
window.setTimeout("siteTime()", 1000);
var seconds = 1000
var minutes = seconds * 60
var hours = minutes * 60
var days = hours * 24
var years = days * 365

var today = new Date()
var todayYear = today.getFullYear()
var todayMonth = today.getMonth()
var todayDate = today.getDate()
var todayHour = today.getHours()
var todayMinute = today.getMinutes()
var todaySecond = today.getSeconds()

/* Date.UTC() -- 返回date對象距世界標準時間(UTC)1970年1月1日午夜之間的毫秒數(時間戳)
year - 作為date對象的年份,為4位年份值
month - 0-11之間的整數,做為date對象的月份
day - 1-31之間的整數,做為date對象的天數
hours - 0(午夜24點)-23之間的整數,做為date對象的小時數
minutes - 0-59之間的整數,做為date對象的分鐘數
seconds - 0-59之間的整數,做為date對象的秒數
microseconds - 0-999之間的整數,做為date對象的毫秒數 */
var t1 = Date.UTC(2014,0,14,11,19,00)
var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond)
var diff = t2-t1

var diffYears = Math.floor(diff/years)
var diffDays = Math.floor((diff/days)-diffYears*365)
var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours)
var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes)
var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds)
document.getElementById("sitetime").innerHTML=" 已運行"+diffYears+" 年 "+diffDays+" 天 "+diffHours+" 小時 "+diffMinutes+" 分鐘 "+diffSeconds+" 秒"
}
siteTime()
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩中文字幕在线视频播放| 欧美二区在线播放| 久久久久久久久久久免费精品| 日韩av在线电影网| 午夜精品一区二区三区在线视| 欧美黑人xxxⅹ高潮交| 久久影视电视剧凤归四时歌| 精品福利一区二区| 91在线中文字幕| 亚洲人成电影网| 亚洲精品日韩av| 国产精品入口日韩视频大尺度| 国产黑人绿帽在线第一区| 国产亚洲精品久久| 亚洲人成在线观看网站高清| 日韩中文字幕在线免费观看| 国产精品入口日韩视频大尺度| 欧美福利视频在线| 国产不卡视频在线| 久久av红桃一区二区小说| 亚洲**2019国产| 久久影视电视剧免费网站清宫辞电视| 色噜噜亚洲精品中文字幕| 美女视频黄免费的亚洲男人天堂| 波霸ol色综合久久| 欧美极品xxxx| 日韩欧美在线视频免费观看| 日韩精品亚洲元码| 久久人人爽国产| 久久精彩免费视频| 4438全国亚洲精品在线观看视频| 成人啪啪免费看| 综合网日日天干夜夜久久| 日韩高清a**址| 在线观看日韩专区| 日韩欧美视频一区二区三区| 成人福利视频在线观看| 在线电影欧美日韩一区二区私密| 欧美精品一区二区三区国产精品| 韩国三级日本三级少妇99| 亚洲网站在线看| 国产91精品青草社区| 日韩在线视频一区| 欧美视频在线观看免费| 欧美精品做受xxx性少妇| 亚洲一区二区日本| 日韩中文字幕在线视频| 亚洲免费av电影| 色噜噜狠狠色综合网图区| 欧美亚洲日本网站| 国产成人精品在线视频| 4438全国亚洲精品在线观看视频| 国产成人精品免高潮在线观看| 97婷婷大伊香蕉精品视频| 久久99精品久久久久久琪琪| 欧美亚洲视频在线看网址| 国产精品视频男人的天堂| 亚洲天堂av电影| 久久五月天综合| 一区二区三区视频免费| 国产欧美日韩视频| 在线播放日韩专区| 亚洲色图校园春色| 国产精品视频不卡| 亚洲精品综合久久中文字幕| 欧美日韩午夜激情| 亚洲欧美日韩中文视频| 国产91精品久久久| 亚洲精品一区二区三区不| 亚洲字幕在线观看| 欧美在线一级va免费观看| 欧美大片免费观看在线观看网站推荐| 欧美激情乱人伦| 欧美性猛交xxxx乱大交| 精品国偷自产在线视频| 日韩激情视频在线播放| 亚洲日本中文字幕免费在线不卡| 久久露脸国产精品| 欧美专区在线视频| 欧美日韩综合视频网址| 91精品国产99| 最近中文字幕2019免费| 伊人亚洲福利一区二区三区| 精品久久久久久| 在线观看欧美视频| 影音先锋日韩有码| 亚洲视频电影图片偷拍一区| 日韩在线视频一区| 午夜精品久久久久久久99热| 久久久久久一区二区三区| 日韩欧美中文字幕在线播放| 日本aⅴ大伊香蕉精品视频| 国产精品久久久久久超碰| 中文字幕自拍vr一区二区三区| 91精品久久久久久综合乱菊| 日韩精品中文字幕久久臀| 菠萝蜜影院一区二区免费| 亚洲精品成人网| 性欧美xxxx视频在线观看| 亚洲人成免费电影| 久久久久久久久久久91| 欧美成人精品一区二区| 成人激情在线观看| 亚洲free嫩bbb| 国产一区二区日韩| 国产美女久久精品香蕉69| 欧美猛交ⅹxxx乱大交视频| 蜜臀久久99精品久久久无需会员| 亚洲精品视频免费在线观看| 日韩av理论片| 91精品国产乱码久久久久久久久| 欧美日韩国产区| 91在线看www| 久久999免费视频| 中文字幕日韩有码| 91视频九色网站| 亚洲成av人片在线观看香蕉| 久久激情五月丁香伊人| 国产美女精彩久久| 在线观看国产精品91| 亚洲www在线观看| 最近中文字幕日韩精品| 久久91亚洲人成电影网站| www高清在线视频日韩欧美| 亚洲成人网av| 91精品国产综合久久久久久久久| 69视频在线播放| 91精品国产高清自在线看超| 欧美大片免费看| 国产精品久久91| 国产精品久久久久9999| 欧美日韩精品在线播放| 久久久久久久久综合| 夜夜嗨av色综合久久久综合网| 中文字幕av一区中文字幕天堂| 日韩av在线最新| 欧美精品videos另类日本| 色99之美女主播在线视频| 日韩视频免费在线| 亚洲欧美日韩爽爽影院| 国产精品视频公开费视频| 成人情趣片在线观看免费| 欧美老少配视频| 成人有码在线播放| 国产精品久久99久久| 国产精品一区二区久久国产| 亚洲欧洲在线观看| 亚洲网站在线看| 国内揄拍国内精品少妇国语| 欧美体内谢she精2性欧美| 伊人一区二区三区久久精品| 欧美最猛黑人xxxx黑人猛叫黄| 国产91成人在在线播放| 中日韩午夜理伦电影免费| 久久国产精品偷| 懂色av一区二区三区| 一道本无吗dⅴd在线播放一区| 97在线视频免费看| 国产日韩中文在线| 一区二区国产精品视频| 成人啪啪免费看| 91网在线免费观看| 国产主播喷水一区二区| 国产精品高潮呻吟久久av野狼|