現(xiàn)在很多網(wǎng)頁上都有一個區(qū)域顯示日期、時間和星期,許多網(wǎng)友問這是怎么實現(xiàn)的呢?下面給出一個實現(xiàn)的方法,最終的效果請看下面演示:
下面是詳細(xì)的步驟,我們來具體做一下吧。
1.我們可以在頁面的任意位置顯示當(dāng)前的日期和星期,我們把下面一段JavaScript代碼插入到要顯示日期的地方即可,需要注意的是,必須為顯示區(qū)留出足夠的位置,不然有可能在瀏覽時發(fā)生折行而影響美觀;在要顯示日期和星期的地方插入如下一段JavaScript:
2.雖然我們很容易從系統(tǒng)讀取時間并把它顯示出來,但如果我們不采用一定的技巧,顯示出的時間只能是網(wǎng)頁打開時的時間,它是固定不變的。這里我們來實現(xiàn)一個不斷隨系統(tǒng)時間變化的時鐘。
第一步先在要顯示時間的地方插入一個文本框TextField并命名為tt(一定要注意大小寫哦),它的作用是作為時間輸出的對象,我們在JavaScript中將timeValue值賦給tt.value,也就是隨時改變文本框的顯示值來動態(tài)顯示時間;
第二步在<head>中插入如下的JavaScript代碼,這段代碼的作用是每隔一秒讀取一次系統(tǒng)時間,然后將它在文本框中顯示;在中插入下面一段JavaScript:
3.第三步在<body>中添入“onload="startclock();"”,這句代碼的作用是在網(wǎng)頁加載時調(diào)用startclock()函數(shù),也就是開始顯示動態(tài)時間變化。
好,做完以上的工作,我們在瀏覽器中就能看到顯示日期、星期和動態(tài)時間的效果了。
需要以上代碼可以聯(lián)系我們客服索??;
本文關(guān)鍵字:深圳網(wǎng)站建設(shè),深圳網(wǎng)站制作,深圳網(wǎng)站設(shè)計,深圳網(wǎng)站建設(shè)公司,深圳建網(wǎng)站,南山網(wǎng)站建設(shè),深圳企業(yè)網(wǎng)站建設(shè),寶安網(wǎng)站建設(shè),深圳外貿(mào)網(wǎng)站建設(shè)
轉(zhuǎn)載請注明tjdzrhy.com www.jiasuweb.cn