DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 在頁面內加入日期
在頁面內加入日期
編輯:Dreamweaver相關     
很多網友在浏覽網頁時應該會發現很多網頁有顯示時間和日期的功能,這個不難,使用可視化網頁制作軟件Dreameaver 可以直接插入時間和日期。但今天我們使用javascript來實現這個功能,同時能起到了解網絡編程語言javascript的作用,這個實例原理就是通過javascript程序的執行使個人客戶端機器的日期和時間在網頁上顯示。

    其源程序如下:

<script language="LiveScript">

<!-- Hiding

 today = new Date()

 document.write("歡迎光臨) 現在時間是  ",today.getHours(),":",

 today.getMinutes())

 document.write("<br>今天日期為  ", today.getMonth()+1,

 "/",today.getDate(),"/",today.getYear());

 // end hiding contents -->

</script>

    在本例中,我們必需首先建立一個日期變數,這可以由today= new Date()來完成。如果沒有特別指定時間與日期的話,浏覽器將會采用本地客戶端機器的時間。若將它放入變數 today 中,這兒要注意的是,我們並沒有宣告 today 這個變數的型態。


    除以上功能外,在建立日期物件時你也可以事先設定日期如下:
   docStarted= new Date(96,0,13)


    首先是年,接著是月(但記得減 1),再接著是日。同樣的方法也可以加上時間的設定。如下 
   docStarted = new Date(96,0,13,10,50,0) 前三個是日期的年、月、日,接著是時、分、秒。

    最後,我們必須提醒你 javascript 並沒有實際的日期型態,但是它卻能毫不費力地顯示出日期和時間,原因是它是從 1 / 1/ 1970 0 0h 開始以 ms(milli seconds) 來計算目前的時間的,這聽起來似乎有些復雜。但你倒不用擔心,它有標准的共用函數可以計算,你只要知道如何用就可以了。 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved