基于javascript實(shí)現(xiàn)動(dòng)態(tài)顯示當(dāng)前系統(tǒng)時(shí)間

本文實(shí)例講解了javascript實(shí)現(xiàn)動(dòng)態(tài)顯示當(dāng)前系統(tǒng)時(shí)間的詳細(xì)代碼，具體內(nèi)容如下

東昌府網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),東昌府網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為東昌府成百上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的東昌府做網(wǎng)站的公司定做！

（1）時(shí)間日期信息，應(yīng)該在一個(gè)div中來顯示

（2）定時(shí)器：每隔一秒再次訪問系統(tǒng)時(shí)間，window對(duì)象的setTimeout()

（3）時(shí)鐘顯示的時(shí)機(jī)(事件)：當(dāng)網(wǎng)頁加載完成后才顯示，事件onload

（4）如何將

時(shí)間日期信息

寫入到指定的div中，DOM對(duì)象中的innerHTML屬性

效果圖：

具體代碼：

html

head

meta

http-equiv="Content-Type"

content="text/html;

charset=gb2312"

/

title無標(biāo)題文檔/title

script

type="text/javascript"

//定義函數(shù)：構(gòu)建要顯示的時(shí)間日期字符串

function

showTime()

{

//創(chuàng)建Date對(duì)象

var

today

=

new

Date();

//分別取出年、月、日、時(shí)、分、秒

var

year

=

today.getFullYear();

var

month

=

today.getMonth()+1;

var

day

=

today.getDate();

var

hours

=

today.getHours();

var

minutes

=

today.getMinutes();

var

seconds

=

today.getSeconds();

//如果是單個(gè)數(shù)，則前面補(bǔ)0

month

=

month10

?

"0"+month

:

month;

day

=

day

10

?

"0"+day

:

day;

hours

=

hours10

?

"0"+hours

:

hours;

minutes

=

minutes10

?

"0"+minutes

:

minutes;

seconds

=

seconds10

?

"0"+seconds

:

seconds;

//構(gòu)建要輸出的字符串

var

str

=

year+"年"+month+"月"+day+"日

"+hours+":"+minutes+":"+seconds;

//獲取id=result的對(duì)象

var

obj

=

document.getElementById("result");

//將str的內(nèi)容寫入到id=result的div中去

obj.innerHTML

=

str;

//延時(shí)器

window.setTimeout("showTime()",1000);

}

/script

style

type="text/css"

#result{

width:500px;

border:1px

solid

#CCCCCC;

background:#FFFFCC;

margin:50px

auto;

font-size:24px;

color:#FF0000;

padding:20px;

}

/style

/head

body

onload="showTime()"

div

id="result"/div

/body

/html

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

javascript動(dòng)態(tài)顯示時(shí)間

html

head

title時(shí)鐘特效/title

script type="text/javascript"

function disptime(){

var today = new Date()； //獲得當(dāng)前時(shí)間

var hh = today.getHours()； //獲得小時(shí)、分鐘、秒

var mm = today.getMinutes()；

var ss = today.getSeconds()；

/*設(shè)置div的內(nèi)容為當(dāng)前時(shí)間*/

document.getElementById("myclock").innerHTML="h1現(xiàn)在是:"+hh+":"+mm+":"+ss+"h1"；

/*

使用setTimeout在函數(shù)disptime()體內(nèi)再次調(diào)用setTimeout

設(shè)置定時(shí)器每隔1秒（1000毫秒），調(diào)用函數(shù)disptime()執(zhí)行，刷新時(shí)鐘顯示

*/

var myTime=setTimeout("disptime()"，1000)；

}

/script

/head

body onload="disptime()"

div id="myclock"/div

/body。

在javascript中，時(shí)間設(shè)置

你應(yīng)該做一個(gè)定時(shí)器，每隔1000毫秒刷新一次！

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title當(dāng)前時(shí)間/title

script language="javascript" type="text/javascript"

!--

function showLeftTime()

{

var now=new Date();

var year=now.getYear();

var month=now.getMonth()+1;

var day=now.getDate();

var hours=now.getHours();

var minutes=now.getMinutes();

var seconds=now.getSeconds();

document.all.show.innerHTML="Time:"+year+"-"+month+"-"+day+"?"+hours+":"+minutes+":"+seconds+"";

var timeID=setTimeout(showLeftTime,1000);

}

//--

/script

/head

body onload="showLeftTime()"

label id="show"這里顯示開始時(shí)間/labelbr

/body

/html

自己寫的，望采納！

javascript如何獲取系統(tǒng)時(shí)間

p id="sj"點(diǎn)擊按鈕獲取時(shí)間問候/p

button onclick="wenhou()"時(shí)間問候/button

script

function wenhou()

{

year=new Date().getFullYear();

month=new Date().getMonth();

date=new Date().getDate();

hours=new Date().getHours();

minutes=new Date().getMinutes();

seconds=new Date().getSeconds();

milliseconds=new Date().getMilliseconds();

document.getElementById("sj").innerHTML=year+"."+month+"."+date+":"+hours+":"+minutes+":"+seconds+":"+milliseconds;

}

/script

新建一個(gè)html，把代碼放入body里面看效果

解釋：

year=new Date().getFullYear(); //獲取完整年份

month=new Date().getMonth(); //獲取月份

date=new Date().getDate(); //獲取日期

hours=new Date().getHours(); //獲取小時(shí)

minutes=new Date().getMinutes(); //獲取分鐘

seconds=new Date().getSeconds(); //獲取秒鐘

milliseconds=new Date().getMilliseconds(); //獲取毫秒

網(wǎng)站題目：javascript時(shí)間的簡單介紹
文章路徑：http://aaarwkj.com/article24/dsiidce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航、全網(wǎng)營銷推廣、關(guān)鍵詞優(yōu)化、網(wǎng)站導(dǎo)航、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)