如何在網(wǎng)頁(yè)中動(dòng)態(tài)顯示當(dāng)前日期和時(shí)間（js調(diào)用）
2018-11-01 來(lái)源：學(xué)做網(wǎng)站論壇
很多網(wǎng)站都會(huì)在頂部顯示實(shí)時(shí)的日期，時(shí)間，而且時(shí)間可以根據(jù)自己電腦的時(shí)間自動(dòng)的更新。就像網(wǎng)站上裝了一個(gè)時(shí)鐘一樣，當(dāng)用戶進(jìn)入我們做的網(wǎng)站時(shí)就會(huì)看到今天是哪一年，哪一月，哪一日，星期幾，時(shí)，分，秒，并且它是自動(dòng)變化的。
如果是在網(wǎng)站上顯示固定的日期，可以使用wordpress調(diào)用日期的三種代碼。
如何在自己做網(wǎng)站時(shí)能夠制作出像上面效果的實(shí)時(shí)更新的時(shí)間效果呢？通過(guò)以下的JS特效代碼調(diào)用就可以實(shí)現(xiàn)了。
制作網(wǎng)站時(shí)間特效的步驟
- 用DW軟件新建一個(gè)HTML網(wǎng)頁(yè)，并將以下的HTML代碼粘貼到網(wǎng)頁(yè)中,并保存為time.html.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>時(shí)間</title>
<style>
#time{
font-size: 12px;
font-weight: normal;
color: #999;
padding:-2 0 0;
margin:0px;
}
</style>
</head>
<body>
<div id="time"></div>
<script type="text/javascript" language="javascript">// <![CDATA[
window.onload=function (){
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
}
// ]]></script>
</body>
</html> - 再新建一個(gè)js文件，粘貼以下的js代碼，保存為time.js ?(作用是將以上的html文件轉(zhuǎn)換為js文件，要修改代碼中的網(wǎng)站的網(wǎng)址為自己的域名)
document.writeln("<iframe src=\"http://網(wǎng)站的網(wǎng)址/time.html\" height=\"100\" width=\"200\" scrolling=\"no\" frameborder=\"0\" ></iframe>");
- 將上面二步制作好的time.html和time.js上傳到自己網(wǎng)站空間的根目錄下，然后通過(guò)以下的js代碼去調(diào)用實(shí)時(shí)時(shí)間，放在你想顯示日期，時(shí)間的任意網(wǎng)站位置。
今天是：<script type="text/javascript" src="http://網(wǎng)站的網(wǎng)址/time.js"></script>
標(biāo)簽： 代碼 域名 制作網(wǎng)站
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。
最新資訊
熱門推薦