JavaScript電子時鐘倒計時第二款
本文實例講解了JavaScript電子時鐘倒計時的詳細(xì)代碼,分享給大家供大家參考,具體內(nèi)容如下
JavaScript時間類
1、獲取時分秒:
getHours()
getMinutes();
getSeconds();
2、獲取年月日:
getFullYear();
getMonth() + 1;//獲取的月份需要+1;
getDate(); //日期
getDay(); //獲取的是星期,0--》星期天
效果圖:
具體代碼:
<!doctype html> <html> <meta charset="utf-8"> <title>倒計時</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號00時00分00秒春節(jié)倒計時:</p> <!-- <p>距離2016年01月07號23時59分59秒倒計時:</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'); //截止時間 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 + "小時"+ m +"分" + s +"秒"+p+"毫秒"; } setInterval(getRTime,1); </script> </body> </html>
以上就是本文的詳細(xì)內(nèi)容,希望對大家的學(xué)習(xí)javascript程序設(shè)計有所幫助。
相關(guān)文章
js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量實例代碼
這篇文章通過實例代碼給大家講解了通過js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量,代碼很簡單,具有一定的參考借鑒價值,需要的朋友參考下吧2018-05-05淺析JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()
本文主要對JavaScript的幾種Math函數(shù),random(),ceil(),round(),floor()的作用進(jìn)行簡要解析,具有很好的參考價值,需要的朋友一起來看下吧2016-12-12Wordpress ThickBox 點擊圖片顯示下一張圖的修改方法
Wordpress自帶的ThickBox特效中,單擊圖片會調(diào)用 tb_remove 以關(guān)閉特效窗口,現(xiàn)將修改其動作為顯示下一張圖。2010-12-12layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機構(gòu))顯示中文名稱示例
今天小編就為大家分享一篇layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機構(gòu))顯示中文名稱示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10JS獲取url參數(shù),JS發(fā)送json格式的POST請求方法
下面小編就為大家分享一篇JS獲取url參數(shù),JS發(fā)送json格式的POST請求方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03JavaScript實現(xiàn)酷炫的鼠標(biāo)拖尾特效
這篇文章主要為大家介紹了通過JavaScript實現(xiàn)的一個超級好看的鼠標(biāo)拖尾特效,文中的示例代碼講解詳細(xì),對我們學(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