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

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

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

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

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

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

（4）如何將

時間日期信息

寫入到指定的div中，DOM對象中的innerHTML屬性

效果圖：

具體代碼：

html

head

meta

http-equiv="Content-Type"

content="text/html;

charset=gb2312"

/

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

script

type="text/javascript"

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

function

showTime()

{

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

var

today

=

new

Date();

//分別取出年、月、日、時、分、秒

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();

//如果是單個數(shù)，則前面補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的對象

var

obj

=

document.getElementById("result");

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

obj.innerHTML

=

str;

//延時器

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

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

javascript動態(tài)顯示時間

html

head

title時鐘特效/title

script type="text/javascript"

function disptime(){

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

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

var mm = today.getMinutes()；

var ss = today.getSeconds()；

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

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

/*

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

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

*/

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

}

/script

/head

body onload="disptime()"

div id="myclock"/div

/body。

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

你應(yīng)該做一個定時器，每隔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)前時間/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"這里顯示開始時間/labelbr

/body

/html

自己寫的，望采納！

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

p id="sj"點擊按鈕獲取時間問候/p

button onclick="wenhou()"時間問候/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

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

解釋：

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(); //獲取毫秒