JavaScript電子時(shí)鐘倒計(jì)時(shí)第二款
本文實(shí)例講解了JavaScript電子時(shí)鐘倒計(jì)時(shí)的詳細(xì)代碼,分享給大家供大家參考,具體內(nèi)容如下
JavaScript時(shí)間類
1、獲取時(shí)分秒:
getHours()
getMinutes();
getSeconds();
2、獲取年月日:
getFullYear();
getMonth() + 1;//獲取的月份需要+1;
getDate(); //日期
getDay(); //獲取的是星期,0--》星期天
效果圖:
具體代碼:
<!doctype html> <html> <meta charset="utf-8"> <title>倒計(jì)時(shí)</title> <head> <style type="text/css"> *{ margin: 0; padding: 0; } .wrap{ width: 350px; height: 100px; background-color: black; } #dates{ color: #fff; margin-top: 10px; display: block; margin-left: 15px; } p{ color: #fff; } </style> </head> <body> <div class="wrap"> <p>距離2016年02月08號(hào)00時(shí)00分00秒春節(jié)倒計(jì)時(shí):</p> <!-- <p>距離2016年01月07號(hào)23時(shí)59分59秒倒計(jì)時(shí):</p> --> <span id="dates"></span> </div> <script type="text/javascript"> var dates = document.getElementById("dates"); function getRTime(){ var EndTime= new Date('2016/02/07 23:59:59'); //截止時(shí)間 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=Math.floor(t/1000%60); var p=Math.floor(t%60); if(d<10){ d="0"+d; } if(h<10){ h="0"+h; } if(m<10){ m="0"+m; } if(s<10){ s="0"+s; } if(p<10){ p="0"+p; } dates.innerHTML=d+ "日" + h + "小時(shí)"+ m +"分" + s +"秒"+p+"毫秒"; } setInterval(getRTime,1); </script> </body> </html>
以上就是本文的詳細(xì)內(nèi)容,希望對(duì)大家的學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js統(tǒng)計(jì)頁面上每個(gè)標(biāo)簽的數(shù)量實(shí)例代碼
這篇文章通過實(shí)例代碼給大家講解了通過js統(tǒng)計(jì)頁面上每個(gè)標(biāo)簽的數(shù)量,代碼很簡(jiǎn)單,具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2018-05-05淺析JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()
本文主要對(duì)JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()的作用進(jìn)行簡(jiǎn)要解析,具有很好的參考價(jià)值,需要的朋友一起來看下吧2016-12-12Wordpress ThickBox 點(diǎn)擊圖片顯示下一張圖的修改方法
Wordpress自帶的ThickBox特效中,單擊圖片會(huì)調(diào)用 tb_remove 以關(guān)閉特效窗口,現(xiàn)將修改其動(dòng)作為顯示下一張圖。2010-12-12layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機(jī)構(gòu))顯示中文名稱示例
今天小編就為大家分享一篇layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機(jī)構(gòu))顯示中文名稱示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10拿捏javascript對(duì)象增刪改查應(yīng)用及示例
“撩過”c++的對(duì)象,“拿捏”了python的對(duì)象,那么今天我們看看javascript中的對(duì)象到底是什么,看能不能一次性拿下,不行的話就多來幾次,想做“海王”就多物色幾門語言的對(duì)象,多new幾個(gè),最終你會(huì)發(fā)現(xiàn)都差不多2022-03-03JS獲取url參數(shù),JS發(fā)送json格式的POST請(qǐng)求方法
下面小編就為大家分享一篇JS獲取url參數(shù),JS發(fā)送json格式的POST請(qǐng)求方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03JavaScript實(shí)現(xiàn)酷炫的鼠標(biāo)拖尾特效
這篇文章主要為大家介紹了通過JavaScript實(shí)現(xiàn)的一個(gè)超級(jí)好看的鼠標(biāo)拖尾特效,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定的幫助,感興趣的可以學(xué)習(xí)一下2021-12-12Javascript腳本獲取form和input內(nèi)容的方法(兩種方法)
隨著js的發(fā)展,許多的網(wǎng)頁數(shù)據(jù)處理完全可以由js腳本解決,而不需要發(fā)送到服務(wù)器,這里分享兩種Javascript腳本獲取form和input內(nèi)容的方法,感興趣的朋友跟隨小編一起看看吧2023-05-05解決layui 三級(jí)聯(lián)動(dòng)下拉框更新時(shí)回顯的問題
今天小編就為大家分享一篇解決layui 三級(jí)聯(lián)動(dòng)下拉框更新時(shí)回顯的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09