JS獲取當(dāng)前時間實例代碼(年月日時分秒)
更新時間:2022年09月20日 10:51:46 作者:曉薩
在javascript中,可以使用Date對象中的Date()方法來獲取當(dāng)前時間,下面這篇文章主要給大家介紹了關(guān)于JS獲取當(dāng)前時間(年月日時分秒)的相關(guān)資料,需要的朋友可以參考下
JS獲取當(dāng)前時間(年月日時分秒)
代碼直接擼:

**拿走直接用
//獲取當(dāng)前時間
getNowTime() {
var date = new Date();
//年 getFullYear():四位數(shù)字返回年份
var year = date.getFullYear(); //getFullYear()代替getYear()
//月 getMonth():0 ~ 11
var month = date.getMonth() + 1;
//日 getDate():(1 ~ 31)
var day = date.getDate();
//時 getHours():(0 ~ 23)
var hour = date.getHours();
//分 getMinutes(): (0 ~ 59)
var minute = date.getMinutes();
//秒 getSeconds():(0 ~ 59)
var second = date.getSeconds();
var time = '當(dāng)前時間是:' + year + '-' + this.addZero(month) + '-' + this.addZero(day) + ' ' + this.addZero(hour) + ':' + this.addZero(minute) + ':' + this.addZero(second);
return time;
},
//小于10的拼接上0字符串
addZero(s) {
return s < 10 ? ('0' + s) : s;
},補充:JavaScript實時獲取系統(tǒng)時間
本案例實現(xiàn)了使用js代碼實時獲取系統(tǒng)時間
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>實時獲取系統(tǒng)時間</title>
<script language="JavaScript">
function realSystime(clock){
var now=new Date();//創(chuàng)建Date對象
var year=now.getFullYear();//獲取年份
var month=now.getMonth();//獲取月份
var date=now.getDate();//獲取日期
var day=now.getDay();//獲取星期
var hour=now.getHours();//獲取小時
var minu=now.getMinutes();//獲取分鐘
var sec=now.getSeconds();//獲取秒
month=month+1;
var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var week=arr_week[day];//獲取中文格式的星期
var time=year+"年"+month+"月"+date+"日" +week+" "+hour+":"+minu+":"+sec;//組合系統(tǒng)時間
clock.innerHTML="當(dāng)前時間:"+time;//顯示系統(tǒng)時間
}
window.onload=function(){
window.setInterval("realSystime(clock)",1000);//實時獲取并顯示系統(tǒng)時間
}
</script>
</head>
<body>
<div id="clock"></div>
</body>
</html>
總結(jié)
到此這篇關(guān)于JS獲取當(dāng)前時間(年月日時分秒)的文章就介紹到這了,更多相關(guān)JS獲取當(dāng)前時間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
原生js和jQuery隨意改變div屬性style的名稱和值
用原生js和jQuery實現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果,這個實例比較實用,新手朋友們可以看看2014-10-10
DEDECMS如何為文章添加HOT NEW標(biāo)志圖片
再用織夢建站的時候,常常需要要在列表頁添加前兩天的文章后面添加個new小圖片,那么此功能是怎么實現(xiàn)的呢,下面通過本文給大家詳解dedecms為文章添加HOT NEW標(biāo)志圖片,需要的朋友可以參考下2015-08-08
深入理解JS中的微任務(wù)和宏任務(wù)的執(zhí)行順序及應(yīng)用場景
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù),它們的執(zhí)行順序會影響代碼的執(zhí)行結(jié)果。了解它們的機制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯誤2023-05-05
JavaScript 提升運行速度之循環(huán)篇 譯文
根據(jù)Nicholas 的說法,有四種代碼 會拖慢腳本的運行,并最終導(dǎo)致腳本失控。分別是次數(shù)過多的同步循環(huán)、龐大的函數(shù)體、不恰當(dāng)?shù)倪f歸和不合理的DOM 調(diào)用。2009-08-08

