JS使用Date對象實時顯示當前系統(tǒng)時間簡單示例
本文實例講述了JS使用Date對象實時顯示當前系統(tǒng)時間的方法。分享給大家供大家參考，具體如下：
JS中包含Date對象，其提供了一些方法獲取系統(tǒng)日期，直接上代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>m.fzitv.net 獲取系統(tǒng)時間</title>
<script language="JavaScript">
function realSysTime(clock) {
var now = new Date();
var year = now.getFullYear(); //獲取年份
var month = now.getMonth(); //獲取月份
var date = now.getDate(); //獲取日期
var day = now.getDay(); //獲取星期
var hour = now.getHours(); //獲取小時
var minute = now.getMinutes(); //獲取分鐘
var seconds = now.getSeconds(); //獲取秒
month = month + 1;
var arr_week = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
var week = arr_week[day];
var time = year + "年" + month + "月" + date + "日 " + week + " " + hour + ":" + minute + ":" + seconds;
clock.innerHTML = "當前時間：" + time;
}
function show() {
window.setInterval("realSysTime(clock)", 1000);
}
</script>
</head>
<body>
<div id='clock'></div>
<script>
window.onload=show()
</script>
</body>
</html>
使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試運行結(jié)果如下：
PS：這里再為大家推薦幾款時間及日期相關(guān)工具供大家參考使用：
在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計算器/相差天數(shù)計算器：
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix時間戳(timestamp)轉(zhuǎn)換工具：
http://tools.jb51.net/code/unixtime
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
用JS提交參數(shù)創(chuàng)建form表單在FireFox中遇到的問題
在一個前端頁面上，需要通過JavaScript來提交參數(shù)，使用JS創(chuàng)建form表單，將參數(shù)append到表單中進行提交,接下來將介紹如何操作與實現(xiàn)2013-01-01
JavaScript原始數(shù)據(jù)類型Symbol的用法詳解
Symbol是ES6中引入的一種新的基本數(shù)據(jù)類型，用于表示一個獨一無二的值。它是JavaScript中的第七種數(shù)據(jù)類型。本文將詳細講講Symbol的使用，需要的可以參考一下2022-11-11
用函數(shù)式編程技術(shù)編寫優(yōu)美的 JavaScript_ibm
函數(shù)式編程語言在學術(shù)領(lǐng)域已經(jīng)存在相當長一段時間了，但是從歷史上看，它們沒有豐富的工具和庫可供使用。隨著 .NET 平臺上的 Haskell 的出現(xiàn)，函數(shù)式編程變得更加流行。一些傳統(tǒng)的編程語言，例如 C++ 和 JavaScript，引入了由函數(shù)式編程提供的一些構(gòu)造和特性。在許多情況下，JavaScript 的重復代碼導致了一些拙劣的編碼。如果使用函數(shù)式編程，就可以避免這些問題。此外，可以利用函數(shù)式編程風格編寫更加優(yōu)美的回調(diào)。2008-05-05
這篇文章主要介紹了用原生js寫一個彈窗消息提醒插件，下面小編來和大家一起學習一下2019-05-05
js實現(xiàn)多行文本框統(tǒng)計剩余字數(shù)功能
本文主要介紹了js實現(xiàn)多行文本框統(tǒng)計剩余字數(shù)功能的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
Echarts折線圖設(shè)置線條顏色及線條以下代碼示例
最近項目需要,一直在使用Echarts視圖,現(xiàn)在遇到一個要修改echarts折線圖顏色的需求,下面這篇文章主要給大家介紹了關(guān)于Echarts折線圖設(shè)置線條顏色及線條以下區(qū)域漸變顏色的相關(guān)資料,需要的朋友可以參考下2024-02-02
javacript replace 正則取字符串中的值并替換【推薦】
replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。這篇文章主要介紹了javacript replace 正則取字符串中的值并替換,需要的朋友可以參考下2018-09-09
初學js插入節(jié)點appendChild insertBefore使用方法
由于可見insertBefore()方法的特性是在已有的子節(jié)點前面插入新的節(jié)點但是兩種情況結(jié)合起來發(fā)現(xiàn)insertBefore()方法插入節(jié)點，是可以在子節(jié)點列表的任意位置。2011-07-07
這篇文章主要為大家詳細介紹了原生js實現(xiàn)隨機點名功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
js 頁面關(guān)閉前的出現(xiàn)提示的實現(xiàn)代碼
主流的瀏覽器都支持onbeforeunload事件(即頁面卸載前觸發(fā)的事件)，而現(xiàn)在大多網(wǎng)站都用到了此功能2011-05-05