js獲取當(dāng)前時間顯示在頁面上并每秒刷新
更新時間：2014年12月24日 16:50:42 投稿：hebedich
這篇文章主要介紹了js獲取當(dāng)前時間顯示在頁面上并每秒刷新,需要的朋友可以參考下
方法很簡單，代碼也很簡潔，直接奉上代碼吧
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js獲取當(dāng)前時間顯示在頁面上</title>
<script>
window.onload=function(){
//定時器每秒調(diào)用一次fnDate()
setInterval(function(){
fnDate();
},1000);
}
//js 獲取當(dāng)前時間
function fnDate(){
var oDiv=document.getElementById("div1");
var date=new Date();
var year=date.getFullYear();//當(dāng)前年份
var month=date.getMonth();//當(dāng)前月份
var data=date.getDate();//天
var hours=date.getHours();//小時
var minute=date.getMinutes();//分
var second=date.getSeconds();//秒
var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
oDiv.innerHTML=time;
}
//補(bǔ)位 當(dāng)某個字段不是兩位數(shù)時補(bǔ)0
function fnW(str){
var num;
str>10?num=str:num="0"+str;
return num;
}
</script>
</head>
<body>
<div id="div1"> </div>
</body>
</html>
相關(guān)文章
JavaScript開發(fā)人員的10個關(guān)鍵習(xí)慣小結(jié)
還在一味沒有目的的編寫JavaScript代碼嗎？那么你就OUT了！讓我們一起來看看小編為大家搜羅的JavaScript開發(fā)人員應(yīng)該具備的十大關(guān)鍵習(xí)慣吧2014-12-12
javascript 動態(tài)加載 css 方法總結(jié)
有時候我們在設(shè)計網(wǎng)頁的時候想動態(tài)的加載css文件,并不是將css文件寫死在頁面中,這時就可以使用下面方法.2009-07-07
下面小編就為大家分享兩段簡單的JS代碼防止SQL注入。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
深入理解JavaScript中的尾調(diào)用(Tail Call)
尾調(diào)用（Tail Call）是函數(shù)式編程的一個重要概念，下面這篇文章主要給大家深入的介紹了關(guān)于JavaScript中尾調(diào)用的相關(guān)資料，文中介紹的非常詳細(xì)，相信對大家具有一定的參考價值，有需要的朋友們下面來一起看看吧。2017-02-02
深入理解JavaScript中的宏任務(wù)和微任務(wù)機(jī)制
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù)，它們的執(zhí)行順序會影響代碼的執(zhí)行結(jié)果。了解它們的機(jī)制可以幫助我們更好地理解事件循環(huán)和異步編程，避免出現(xiàn)一些意想不到的錯誤2023-05-05
js中setTimeout的妙用--防止循環(huán)超時
本文主要介紹了使用setTimeout實現(xiàn)防止循環(huán)超時的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了IntersectionObserver API 詳解篇,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了javascript Array 數(shù)組常用方法 ,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了Javascript對象，特別為大家分享了對象題目的一個坑，提供了解題思路，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了jQuery 的 ready()的純js替代方法的相關(guān)資料,需要的朋友可以參考下2016-11-11