純js實現(xiàn)動態(tài)時間顯示
更新時間：2020年09月07日 13:48:08 作者：開心陽
這篇文章主要為大家詳細介紹了純js實現(xiàn)動態(tài)時間顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js動態(tài)時間顯示 的具體代碼，供大家參考，具體內(nèi)容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js動態(tài)時間顯示 </title>
</head>
<body id = "show">
<script>
function run(){
var time = new Date();//獲取系統(tǒng)當前時間
var year = time.getFullYear();
var month = time.getMonth()+1;
var date= time.getDate();//系統(tǒng)時間月份中的日
var day = time.getDay();//系統(tǒng)時間中的星期值
var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var week = weeks[day];//顯示為星期幾
var hour = time.getHours();
var minutes = time.getMinutes();
var seconds = time.getSeconds();
console.log(seconds);
if(month<10){
month = "0"+month;
}
if(date<10){
date = "0"+date;
}
if(hour<10){
hour = "0"+hour;
}
if(minutes<10){
minutes = "0"+minutes;
}
if(seconds<10){
seconds = "0"+seconds;
}
//var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
setTimeout('run()',1000);
}
run();
</script>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
每天一對象,今天我們也來new一個。沒有系統(tǒng)的學(xué)過JS，沒有特別的寫過一個比較出色的類庫，沒有運用過一個很強的類庫，prototype.js在進行著，慢慢的前進相信不久的將來就可以應(yīng)用prototype.js來開發(fā)自己的應(yīng)用程序了。2011-01-01
一個不用onmouseup的拖動函數(shù)...2007-05-05
這篇文章主要介紹了微信小程序的線程架構(gòu)，每個小程序包含一個描述整體程序的app實例和多個描述頁面的page，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
js中?new?Date().getTime()得到的是毫秒數(shù)時間戳
今天在寫一個函數(shù)的時候需要用的一個時間戳方便調(diào)用不同的隨機數(shù)?那么時間戳就是比較好的方式，主要怕瀏覽器緩存數(shù)據(jù)，下面就為大家簡單介紹一下2023-07-07
這篇文章主要介紹了Bootstrap學(xué)習筆記之圖片基本樣式的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript面試中?？嫉淖址僮鞣椒ù笕?包含ES6)
對于JavaScript字符串操作方法，你真的全部掌握了嗎？來看看這篇面試中?？嫉淖址僮鞔笕?，包含最新的ES6字符串操作方法，值得收藏哦2020-05-05
這篇文章主要介紹了在遇到數(shù)據(jù)或邏輯未成功更新問題時,如何通過刷新頁面、設(shè)置、清除緩存等方法進行解決,文中通過圖文將各種情況下清空緩存的方案介紹的非常詳細,需要的朋友可以參考下2025-02-02
element 中 el-menu 組件的無限極循環(huán)思路代碼詳解
這篇文章主要介紹了element 中 el-menu 組件的無限極循環(huán),本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
這篇文章主要介紹了淺談javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以參考下。2015-05-05
之前發(fā)了不少了去除字符串空格的代碼，但都是去除開始與結(jié)尾的，下面的這段代碼可以去除中間的。2009-08-08