js實(shí)現(xiàn)倒計(jì)時(shí)及時(shí)間對(duì)象
JS實(shí)現(xiàn)倒計(jì)時(shí)效果代碼如下:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無(wú)標(biāo)題文檔</title>h <style> #box { width: 100%; height: 400px; background: black; color: #fff; font-size:40px; line-height:400px; text-align:center; } </style> <script> window.onload = function(){ var oBox = document.getElementById('box'); var oDate = new Date();//獲取當(dāng)前時(shí)間; oDate.setFullYear(2016,11,31);//自動(dòng)進(jìn)位; oDate.setHours(0,0,0,0); function countDown(){ //未來(lái)時(shí)間戳減去現(xiàn)在時(shí)間的時(shí)間戳; var ms = oDate.getTime() - new Date().getTime(); //毫秒轉(zhuǎn)換成秒 var oSec = parseInt(ms/1000); //秒轉(zhuǎn)換成天 var oDay = parseInt(oSec/86400); //不到一天剩下的秒數(shù); oSec%=86400; //轉(zhuǎn)換成小時(shí) var oHour = parseInt(oSec/3600); //不到一小時(shí)剩下的秒數(shù); oSec%=3600; //轉(zhuǎn)換成分鐘 var oMin = parseInt(oSec/60); //不到一分鐘剩下的秒數(shù); oSec%=60; oBox.innerHTML = '距離2016年12月31日還有:'+oDay+'天'+oHour+'時(shí)'+oMin+'分'+oSec+'秒'; } countDown(); setInterval(countDown,1000); } </script> </head> <body> <div id="box">距離2016年12月31日還有:xx天xx時(shí)xx分xx秒</div> </body> </html>
實(shí)現(xiàn)效果入下:
時(shí)間戳:1970年1月日至今的毫秒數(shù):oDate.getTime(); //不要問(wèn)我為什么是1970年1月至今哦!自個(gè)兒百度啦!
時(shí)間對(duì)象:
獲取時(shí)間:
var oDate = new Date(); oYear = oDate.getFullYear(); oMon = oDate.getMonth(); oDay = oDate.getDate(); oHou = oDate.getHours(); oMin = oDate.getMinutes(); oSec = oDate.getSeconds(); oWeek = oDate.getDay();
設(shè)置時(shí)間:
oDate.setFullYear(年,月,日); oDate.setMonth(月); oDate.setDate(日); oDate.setHours(時(shí),分,秒,毫秒); 時(shí)間會(huì)自動(dòng)進(jìn)位;
大概整理的就這些,還有很多不足的地方,希望大家多提寶貴意見(jiàn)!互相學(xué)習(xí)!互相取經(jīng)!
相關(guān)文章
基于JavaScript+HTML5 實(shí)現(xiàn)打地鼠小游戲邏輯流程圖文詳解(附完整代碼)
打地鼠小游戲大家都喜歡玩,本文是以html編寫(xiě)的,并且使用HBulider軟件進(jìn)行編寫(xiě)的,下面通過(guò)本文給大家分享基于JavaScript+HTML5 實(shí)現(xiàn)打地鼠小游戲邏輯流程圖文詳解,需要的朋友參考下吧2017-11-11javascript 構(gòu)造函數(shù)強(qiáng)制調(diào)用經(jīng)驗(yàn)總結(jié)
本文將介紹javascript構(gòu)造函數(shù)調(diào)用方面的案例應(yīng)用,需要了解的朋友可以參考下2012-12-12JavaScript中textRange對(duì)象使用方法小結(jié)
這篇文章主要介紹了JavaScript中textRange對(duì)象使用方法小結(jié),需要的朋友可以參考下2015-03-03Javascript絕句欣賞 一些經(jīng)典的js代碼
Javascript絕句欣賞 一些經(jīng)典的js代碼整理,學(xué)習(xí)js的朋友可以參考下2012-02-02