大家好，本文將圍繞js中如何動態(tài)顯示日期時間展開說明，javascript設置指定年月日是一個很多人都想弄明白的事情，想搞清楚js動態(tài)顯示當前時間需要先了解以下幾個事情。
一、基本思路
創(chuàng)建showTime()函數，利用JavaScript中的Date對象的屬性及方法獲取時間，利用Window對象的 setInterval() 方法按照指定的周期（以毫秒計）來調用函數或計算表達式。最后利用document對象實現在頁面上顯示Python中的所有運算符號。
二、代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示時間</title>
</head>
<body onload="showTime()">
<>
function showTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1; //因為month屬性從0開始所以加1
var day = date.getDate(); // 日
var week = date.getDay(); // 星期幾，是個數字
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
second = second < 10 ? "0" + second : second;
var current = year + "-" + month + "-" + day + " " + "星期" + week + " " + hour + ":" + minute + ":" + second;
document.getElementById("time").innerHTML = current;
}
setInterval("showTime()", 1000);//每隔1000毫秒（即1秒）顯示一次當前時間
</>
<span id="time"></span>
</body>
</html>
結果
文章來源：http://www.zghlxwxcb.cn/news/detail-772184.html
三、優(yōu)化
- 調整星期的顯示格式，用漢字替換數字
- 對于月、日、時、分、秒，數字小于10時，用0放前面補充為2位數字
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示時間</title>
</head>
<body onload="showTime()">
<>
function showTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
month = month < 10 ? "0" + month : month;
var day = date.getDate();
day = day < 10 ? "0" + day : day;
var week = "日一二三四五六".charAt(date.getDay()); // 使用charAt函數提取相應漢字
var hour = date.getHours();
hour = hour < 10 ? "0" + hour : hour; // 用三目運算符調整數字顯示格式
var minute = date.getMinutes();
minute = minute < 10 ? "0" + minute : minute;
var second = date.getSeconds();
second = second < 10 ? "0" + second : second;
var current = year + "-" + month + "-" + day + " " + "星期" + week + " " + hour + ":" + minute + ":" + second;
document.getElementById("time").innerHTML = current;
}
setInterval("showTime()", 1000);
</>
<span id="time"></span>
</body>
</html>
結果
文章來源地址http://www.zghlxwxcb.cn/news/detail-772184.html
一、基本思路
創(chuàng)建showTime()函數，利用JavaScript中的Date對象的屬性及方法獲取時間，利用Window對象的 setInterval() 方法按照指定的周期（以毫秒計）來調用函數或計算表達式。最后利用document對象實現在頁面上顯示Python中的所有運算符號。
二、代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示時間</title>
</head>
<body onload="showTime()">
<>
function showTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1; //因為month屬性從0開始所以加1
var day = date.getDate(); // 日
var week = date.getDay(); // 星期幾，是個數字
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
second = second < 10 ? "0" + second : second;
var current = year + "-" + month + "-" + day + " " + "星期" + week + " " + hour + ":" + minute + ":" + second;
document.getElementById("time").innerHTML = current;
}
setInterval("showTime()", 1000);//每隔1000毫秒（即1秒）顯示一次當前時間
</>
<span id="time"></span>
</body>
</html>
結果
三、優(yōu)化
- 調整星期的顯示格式，用漢字替換數字
- 對于月、日、時、分、秒，數字小于10時，用0放前面補充為2位數字
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示時間</title>
</head>
<body onload="showTime()">
<>
function showTime() {
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
month = month < 10 ? "0" + month : month;
var day = date.getDate();
day = day < 10 ? "0" + day : day;
var week = "日一二三四五六".charAt(date.getDay()); // 使用charAt函數提取相應漢字
var hour = date.getHours();
hour = hour < 10 ? "0" + hour : hour; // 用三目運算符調整數字顯示格式
var minute = date.getMinutes();
minute = minute < 10 ? "0" + minute : minute;
var second = date.getSeconds();
second = second < 10 ? "0" + second : second;
var current = year + "-" + month + "-" + day + " " + "星期" + week + " " + hour + ":" + minute + ":" + second;
document.getElementById("time").innerHTML = current;
}
setInterval("showTime()", 1000);
</>
<span id="time"></span>
</body>
</html>
結果
到了這里，關于javascript設置指定年月日,js動態(tài)顯示當前時間的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
