JavaScript 網(wǎng)頁中實現(xiàn)一個計算當(dāng)年還剩多少時間的倒數(shù)計時程序
看到網(wǎng)上這個程序 發(fā)現(xiàn)了處錯誤這里改正了一下:
function counter() { var date = new Date(); var year = date.getFullYear(); var date2 = new Date(year, 11, 30, 23, 59, 59); /*轉(zhuǎn)換成秒*/ var time = (date2 - date) / 1000; var day = Math.floor(time / (24 * 60 * 60)) var hour = Math.floor(time % (24 * 60 * 60) / (60 * 60)) var minute = Math.floor(time % (24 * 60 * 60) % (60 * 60) / 60); var second = Math.floor(time % (24 * 60 * 60) % (60 * 60) % 60); var str = year + "年還剩" + day + "天" + hour + "時" + minute + "分" + second + "秒"; console.log(str); } window.setInterval("counter()", 1000);
這是我自己寫的
var oDateNow = new Date(); var oYear = oDateNow.getFullYear(); var oDateEnd = new Date(); oDateEnd.setFullYear(oYear+1); oDateEnd.setMonth(0); oDateEnd.setDate(0); oDateEnd.setHours(0); oDateEnd.setMinutes(0); oDateEnd.setSeconds(0); function upDate(){ var oDateNow = new Date(); var iTime = oDateEnd.getTime()-oDateNow.getTime(); var iRemain = iTime/1000; var iDay=parseInt(iRemain/86400); iRemain%=86400; var iHour=parseInt(iRemain/3600); iRemain%=3600; var iMin=parseInt(iRemain/60); iRemain%=60; var iSec=parseInt(iRemain); document.write(oYear+"年還剩"+iDay+"天"+iHour+"時"+iMin+"分"+iSec+"秒"); } setInterval(function(){ upDate() },1000);
這兩個方法的秒數(shù)有出處
以上所述是小編給大家介紹的JavaScript 網(wǎng)頁中實現(xiàn)一個計算當(dāng)年還剩多少時間的倒數(shù)計時程序,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript中防抖和節(jié)流的區(qū)別及適用場景
這篇文章主要介紹了JavaScript中防抖和節(jié)流的區(qū)別及適用場景,文章通過圍繞主題的相關(guān)資料展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-05-05全面解析Bootstrap表單使用方法(表單控件狀態(tài))
這篇文章全面解析了Bootstrap表單的使用方法,本文重點介紹Bootstrap表單控件狀態(tài)的三種情況,感興趣的小伙伴們可以參考一下2015-11-11JavaScript正則替換HTML標(biāo)簽功能示例
這篇文章主要介紹了JavaScript正則替換HTML標(biāo)簽功能,結(jié)合完整實例形式詳細(xì)分析了javascript正則替換字符串操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-03-03JavaScript中通過prototype屬性共享屬性和方法的技巧實例
這篇文章主要介紹了JavaScript中通過prototype屬性共享屬性和方法的技巧實例,本文直接給出一個代碼實例,需要的朋友可以參考下2015-03-03require.js與bootstrap結(jié)合實現(xiàn)簡單的頁面登錄和頁面跳轉(zhuǎn)功能
這篇文章主要介紹了require.js與bootstrap結(jié)合實現(xiàn)簡單的頁面登錄和頁面跳轉(zhuǎn)功能,需要的朋友可以參考下2017-05-05Bootstrap實現(xiàn)帶暫停功能的輪播組件(推薦)
最近小編在項目中用到了一款帶輪播組件,功能非常齊全,可以設(shè)置各種標(biāo)題樣式、動畫效果、輪播時間、開始暫停等功能,下面小編通過本文給大家詳細(xì)介紹下實現(xiàn)過程,需要的朋友參考下吧2016-11-11