詳解js實時獲取并顯示當(dāng)前時間的方法
更新時間:2019年05月10日 14:33:17 作者:文大海
這篇文章主要介紹了js實時獲取并顯示當(dāng)前時間的方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文實例為大家分享了js實時獲取并顯示當(dāng)前時間l的具體代碼,供大家參考,具體內(nèi)容如下
js部分如下:
<script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() { var time = new Date(); // 程序計時的月從0開始取值后+1 var m = time.getMonth() + 1; var t = time.getFullYear() + "-" + m + "-" + time.getDate() + " " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds(); show.innerHTML = t; }, 1000); }; </script>
html部分如下:
<div id="show"></div>
第二種
<!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title></title> <script type="text/javascript"> window.onload=function(){ setInterval(function(){ var date=new Date(); var year=date.getFullYear(); //獲取當(dāng)前年份 var mon=date.getMonth()+1; //獲取當(dāng)前月份 var da=date.getDate(); //獲取當(dāng)前日 var day=date.getDay(); //獲取當(dāng)前星期幾 var h=date.getHours(); //獲取小時 var m=date.getMinutes(); //獲取分鐘 var s=date.getSeconds(); //獲取秒 var d=document.getElementById('Date'); d.innerHTML='當(dāng)前時間:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s; },1000) } </script> </head> <body> <div id="Date"> </div> </body> </html>
以上所述是小編給大家介紹的js實時獲取并顯示當(dāng)前時間的方法詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- JS簡單獲取當(dāng)前日期和農(nóng)歷日期的方法
- JS簡單獲取當(dāng)前日期時間的方法(如:2017-03-29 11:41:10 星期四)
- 在JSP頁面中獲取當(dāng)前日期時間的方法
- Js獲取當(dāng)前日期時間及格式化代碼
- js顯示當(dāng)前日期時間和星期幾
- JS獲取當(dāng)前時間的兩種方法小結(jié)
- js 判斷當(dāng)前時間是否處于某個一個時間段內(nèi)
- JS獲取當(dāng)前時間的實例代碼(昨天、今天、明天)
- JS實現(xiàn)HTML頁面中動態(tài)顯示當(dāng)前時間完整示例
- js將當(dāng)前時間格式化為 年-月-日 時:分:秒的實現(xiàn)代碼
- JS獲取當(dāng)前日期 YYYY-MM-DD hh-mm-ss的示例代碼
相關(guān)文章
JS按鈕倒計時并跳轉(zhuǎn)到新地址的實現(xiàn)代碼
在完成某項操作時,按鈕上有個倒計時效果,倒計時結(jié)束后,跳轉(zhuǎn)到新地址,這篇文章主要介紹了JS按鈕倒計時并跳轉(zhuǎn)到新地址,需要的朋友可以參考下2023-02-02JavaScript 事件屬性綁定帶參數(shù)的函數(shù)
在JavaScript中,為了實現(xiàn)表現(xiàn)和控制相分離,可以通過0級的DOM事件屬性或者2級的事件模型來實現(xiàn),不過這兩者在針對某個事件類型調(diào)用相應(yīng)的事件句柄的時候,不能給事件句柄提供參數(shù),也就是說,事件屬性的值只能是一個函數(shù)引用。2009-03-03在javascript中使用com組件的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄趈avascript中使用com組件的簡單實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-08-08VSCode Webview中實現(xiàn)點擊下載圖片的基本流程
這篇文章主要介紹了VSCode Webview中如何實現(xiàn)點擊下載圖片,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04