欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)鐘

 更新時(shí)間：2022年06月21日 12:19:03   作者：Cairo960918  
這篇文章主要介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)鐘的具體代碼，供大家參考，具體內(nèi)容如下

設(shè)計(jì)思路：

1先建立一個(gè)數(shù)組保存帶有0?9數(shù)字的10張圖片;

2.通過(guò)GETDATE（）獲得本地時(shí)間保存在變量數(shù)值指明MyTime中;

3. getHours（）返回的是24進(jìn)制即0~23的整數(shù)，getMinutes（）方法返回一個(gè)處于0到59之間的整數(shù)，getSeconds（）方法返回一個(gè)處于0到59之間的整數(shù);

4.通過(guò)的setTimeout（）每隔1秒調(diào)用一次顯示（）函數(shù)改變圖像對(duì)象的SRC屬性。

串對(duì)象的的charAt（ID）方法：返回指定位置處的字符，標(biāo)識(shí)為要尋找的字符的位置的索引整數(shù)，0對(duì)應(yīng)左邊第1個(gè)字符，1對(duì)應(yīng)左邊第2個(gè)字符，如喂的的charAt（1 ）則是è;

代碼如下： 

<html>
<head>
<title>時(shí)鐘</title>
<meta charset="utf-8">
<style>
*{
?? ?padding:0;
?? ?margin:0;
?? ?}
</style>
<script>
function show(){
?? ?var images=new Array("./images/s0.png","./images/s1.png","./images/s2.png","./images/s3.png","./images/s4.png","./images/s5.png","./images/s6.png","./images/s7.png","./images/s8.png","./images/s9.png");
?? ?var myTime=new Date();
?? ?var hours=myTime.getHours();
?? ?var minutes=myTime.getMinutes();
?? ?var seconds=myTime.getSeconds();
?? ?if(hours<=9){hours="0"+hours;}//補(bǔ)足兩位
?? ?if(minutes<=9){minutes="0"+minutes;}
?? ?if(seconds<=9){seconds="0"+seconds}
?? ?var theString=""+hours+minutes+seconds;//轉(zhuǎn)換為字符串
?? ?document.getElementById("img0").src=images[theString.charAt(0)];
?? ?document.getElementById("img1").src=images[theString.charAt(1)];
?? ?document.getElementById("img2").src=images[theString.charAt(2)];
?? ?document.getElementById("img3").src=images[theString.charAt(3)];
?? ?document.getElementById("img4").src=images[theString.charAt(4)];
?? ?document.getElementById("img5").src=images[theString.charAt(5)];
?? ?setTimeout("show()",1000);
?? ?}
</script>
</head>
<body onLoad="show()">
<img id="img0" /><img id="img1" />時(shí)<img id="img2" /><img id="img3" />分<img id="img4" /><img id="img5" />
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論