js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新
更新時(shí)間：2014年12月24日 16:50:42 投稿：hebedich
這篇文章主要介紹了js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新,需要的朋友可以參考下
方法很簡(jiǎn)單，代碼也很簡(jiǎn)潔，直接奉上代碼吧
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js獲取當(dāng)前時(shí)間顯示在頁(yè)面上</title>
<script>
window.onload=function(){
//定時(shí)器每秒調(diào)用一次fnDate()
setInterval(function(){
fnDate();
},1000);
}
//js 獲取當(dāng)前時(shí)間
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();//小時(shí)
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)某個(gè)字段不是兩位數(shù)時(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)文章
使用webpack/gulp構(gòu)建TypeScript項(xiàng)目的方法示例
這篇文章主要介紹了使用webpack/gulp構(gòu)建TypeScript項(xiàng)目的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
昨天我問一美工jQuery怎么樣了，他說簡(jiǎn)單的還可以，復(fù)雜的就不行了，我又問是哪種程度的復(fù)雜？2010-11-11
通過js隨機(jī)函數(shù)Math.random實(shí)現(xiàn)亂序
這篇文章主要介紹了通過js隨機(jī)函數(shù)Math.random實(shí)現(xiàn)亂序,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
javascript下過濾數(shù)組重復(fù)值的代碼
javascript下過濾數(shù)組重復(fù)值的代碼...2007-09-09
在JavaScript開發(fā)中，被人問到：null與undefined到底有啥區(qū)別？ 一時(shí)間不好回答，特別是undefined，因?yàn)檫@涉及到undefined的實(shí)現(xiàn)原理2012-04-04
創(chuàng)建表格，并添加事件...2006-08-08
新浪中用來顯示flash的函數(shù)...2007-04-04
javascript同頁(yè)面多次調(diào)用彈出層具體實(shí)例代碼
一個(gè)在同一個(gè)頁(yè)面可多次調(diào)用的javascript彈出層效果，有需要的同學(xué)可以參考一下2013-08-08
ES6知識(shí)點(diǎn)整理之Proxy的應(yīng)用實(shí)例詳解
這篇文章主要介紹了ES6知識(shí)點(diǎn)整理之Proxy的應(yīng)用,結(jié)合實(shí)例形式詳細(xì)分析了ES6中Proxy的功能、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-04-04
基于javascript實(shí)現(xiàn)文字無縫滾動(dòng)效果
這篇文章主要介紹了基于javascript實(shí)現(xiàn)文字無縫滾動(dòng)效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03