詳解js實時獲取并顯示當前時間的方法
更新時間：2019年05月10日 14:33:17 作者：文大海
這篇文章主要介紹了js實時獲取并顯示當前時間的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
本文實例為大家分享了js實時獲取并顯示當前時間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(); //獲取當前年份
var mon=date.getMonth()+1; //獲取當前月份
var da=date.getDate(); //獲取當前日
var day=date.getDay(); //獲取當前星期幾
var h=date.getHours(); //獲取小時
var m=date.getMinutes(); //獲取分鐘
var s=date.getSeconds(); //獲取秒
var d=document.getElementById('Date');
d.innerHTML='當前時間:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s; },1000) }
</script>
</head>
<body>
<div id="Date"> </div>
</body>
</html>
以上所述是小編給大家介紹的js實時獲取并顯示當前時間的方法詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
JS按鈕倒計時并跳轉(zhuǎn)到新地址的實現(xiàn)代碼
在完成某項操作時，按鈕上有個倒計時效果，倒計時結(jié)束后，跳轉(zhuǎn)到新地址，這篇文章主要介紹了JS按鈕倒計時并跳轉(zhuǎn)到新地址,需要的朋友可以參考下2023-02-02
這篇文章主要介紹了JavaScript監(jiān)聽觸摸事件代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
作用域是JavaScript最重要的概念之一，想學好javascript需要深入理解javascript作用域原理，接下來通過本文給大家介紹javascript修改作用域外變量的方法，需要的朋友一起學習吧2016-03-03
這篇文章主要介紹了預防網(wǎng)頁掛馬的方法總結(jié)的相關(guān)資料,這里詳細整理了具體方法，和如何實現(xiàn)，需要的朋友可以參考下2016-11-11
如何實現(xiàn)select組件的選擇輸入過濾作用，下面有一段js代碼，很實用，需要的朋友可以看看2014-10-10
JavaScript 事件屬性綁定帶參數(shù)的函數(shù)
在JavaScript中，為了實現(xiàn)表現(xiàn)和控制相分離，可以通過0級的DOM事件屬性或者2級的事件模型來實現(xiàn)，不過這兩者在針對某個事件類型調(diào)用相應的事件句柄的時候，不能給事件句柄提供參數(shù)，也就是說，事件屬性的值只能是一個函數(shù)引用。2009-03-03
在javascript中使用com組件的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄趈avascript中使用com組件的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-08-08
VSCode Webview中實現(xiàn)點擊下載圖片的基本流程
這篇文章主要介紹了VSCode Webview中如何實現(xiàn)點擊下載圖片,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
給一個Flash加一個超鏈接,原想直接在object外直接套一個超鏈接即可，試了之后卻發(fā)現(xiàn)不是這么回事2013-06-06
今天小編就為大家分享一篇解決Layui 表單提交數(shù)據(jù)為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08