JavaScript 網(wǎng)頁中實現(xiàn)一個計算當年還剩多少時間的倒數(shù)計時程序
更新時間：2017年01月25日 10:10:34 投稿：mrr
這篇文章主要介紹了JavaScript 網(wǎng)頁中實現(xiàn)一個計算當年還剩多少時間的倒數(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)一個計算當年還剩多少時間的倒數(shù)計時程序，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要為大家詳細介紹了js原生瀑布流插件制作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)左側(cè)菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了js實現(xiàn)的標題欄新消息閃爍提示效果,一些大型網(wǎng)站也會經(jīng)常用到這個效果,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)手寫簽名，簽字版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
javascript面向?qū)ο笕筇卣髦鄳B(tài)實例詳解
這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦鄳B(tài),結(jié)合實例形式詳細分析了javascript面向?qū)ο蟪绦蛟O計中多態(tài)的概念、原理,并結(jié)合實例形式總結(jié)了多態(tài)的實現(xiàn)方法與使用技巧,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)自定義滾動條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了微信小程序 select 下拉框組件功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
這篇文章主要為大家分享了js事件委托和事件代理案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
本文主要介紹了three.js的基礎知識。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了js中的事件捕捉模型與冒泡模型,實例分析了js事件的執(zhí)行順序與冒泡模型的原理,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01