Dreamweaver怎么給頁(yè)面添加時(shí)間?

dw添加時(shí)間的方法多樣,今天我們先來(lái)看兩種。第一種是用javascript寫(xiě)的。第二種是html寫(xiě)的??靵?lái)試試吧。效果一樣哦。
效果圖
方法一:
用JavaScript定義獲取當(dāng)前系統(tǒng)時(shí)間函數(shù),使用網(wǎng)頁(yè)觸發(fā)器觸發(fā)事件。
1、在head標(biāo)簽里,<title></title>里面,在樣式后面插入腳本:
<script language=Livescript>
</script>
2、輸入代碼:
<SCRIPT language=Livescript>//插入時(shí)間腳本
today = new Date()//創(chuàng)建一個(gè)對(duì)象
document.write(" ",today.getHours(),":",today.getMinutes());//today.getHours()獲取時(shí)鐘
</SCRIPT>
<!--插入空格-->
<SCRIPT language=Livescript>//插入日期腳本
today = new Date()//創(chuàng)建一個(gè)對(duì)象
document.write( "", today.getMonth()+1,"/",today.getDate(),"/",today.getYear()+1900);//today.getMonth()+1獲取月;today.getDate()獲取日;today.getYear+1900();獲取年
</SCRIPT>
3、最后效果:
方法二:
1、按ctrl+n創(chuàng)建一個(gè)新的html文檔。
2、title與title之間輸入插入系統(tǒng)時(shí)間
3、點(diǎn)擊body與body之間點(diǎn)擊-->插入(M)-->星期選擇一個(gè)自己喜歡的格式,插入一個(gè)日期模式,選擇格式的時(shí)間。并在儲(chǔ)存時(shí)自動(dòng)更新前打勾。時(shí)間就會(huì)自動(dòng)更新了。-->確定。
4、效果如圖。代碼是:<!-- #BeginDate format:fcIS1m -->Tuesday, 2016-12-20 18:16<!-- #EndDate -->
5、可以按F12在頁(yè)面中預(yù)覽。
相關(guān)推薦:
dreamweaver cs6怎么新建HTML5格式的頁(yè)面?
Dreamweaver怎么創(chuàng)建簡(jiǎn)單的html頁(yè)面并保存?
Dreamweaver設(shè)置頁(yè)面屬性后采用HTML格式怎么辦?
相關(guān)文章
Dreamweaver怎么給網(wǎng)頁(yè)添加音樂(lè)?
Dreamweaver怎么給網(wǎng)頁(yè)添加音樂(lè)?在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,想在網(wǎng)頁(yè)中添加音樂(lè),該怎么添加呢?下面我們就來(lái)看看Dreamweaver插入音樂(lè)的教程,需要的朋友可以參考下2016-12-15- Dreamweaver注釋怎么設(shè)置快捷鍵?Dreamweaver想給注釋添加一個(gè)快捷鍵呢?下面我們就來(lái)看看dw設(shè)置注釋快捷鍵的教程,很簡(jiǎn)單,需要的朋友可以參考下2016-12-12
Dreamweaver怎么去掉熱點(diǎn)的黃色框/藍(lán)色框?
Dreamweaver怎么去掉熱點(diǎn)的黃色框/藍(lán)色框?Dreamweaver中有熱點(diǎn)的時(shí)候就會(huì)有黃色框或者藍(lán)色框,該怎么辦呢?該怎么去掉呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參2016-12-05Dreamweaver無(wú)法打開(kāi)提示javascript錯(cuò)誤怎么辦?
Dreamweaver無(wú)法打開(kāi)提示javascript錯(cuò)誤怎么辦?Dreamweaver無(wú)法啟動(dòng),總是提示javascript錯(cuò)誤,刪除部分軟件也不行,該怎么辦呢?下面我們就來(lái)看看詳細(xì)的解決辦法,需要的2016-11-25dreamweaver怎么設(shè)置段落首行自動(dòng)縮進(jìn)兩個(gè)字符?
dreamweaver怎么設(shè)置段落首行自動(dòng)縮進(jìn)?dreamweaver制作網(wǎng)頁(yè)的時(shí)候,想要讓文字首行自動(dòng)縮進(jìn)兩個(gè)字符,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教,需要的朋友可以參考下2016-11-20Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架?
Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架?dw設(shè)計(jì)網(wǎng)站網(wǎng)頁(yè)很方便,該怎么設(shè)計(jì)一個(gè)網(wǎng)頁(yè)的框架呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-11-15dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?
dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?想給網(wǎng)站中插入一些圖片,怎么使用div展示圖片呢?下面我們就來(lái)看看詳細(xì)的設(shè)置方法,需要的朋友可以參考下2016-11-01dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果?
dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果?想使用dw給網(wǎng)頁(yè)制作圖片顯示出來(lái)是擠壓效果的樣式,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-10-24- 我們上網(wǎng)的時(shí)候可以看到很多精美的網(wǎng)頁(yè),這些網(wǎng)頁(yè)都是網(wǎng)頁(yè)制作者精心設(shè)計(jì)出來(lái)的,那么在dreamweaver中如何插入圖片呢?下面小編就為大家介紹一下,來(lái)看看吧2016-10-14
Dreamweaver基礎(chǔ)教程之主體的細(xì)分技巧
我們經(jīng)常使用Dreamweaver設(shè)計(jì)網(wǎng)頁(yè),今天我們就來(lái)看看比較基礎(chǔ)的關(guān)于Dreamweaver主體的細(xì)分技巧,很簡(jiǎn)單的知識(shí),需要的朋友可以參考下2016-09-05