javascript-定時器

時間 2020-07-18

原文原文鏈接

<!DOCTYPE doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <title>
                Document
            </title>
            <style>
                #div1 {background: black;color: white;font-size: 50}
            </style>
            <script>
				window.onload =function(){   
					var od =document.getElementById('div1')
					var ai =od.getElementsByTagName('img')
					function tick(){

					var data1 =new Date()
					var str1 =toDou(data1.getHours())+toDou(data1.getMinutes())+toDou(data1.getSeconds())
					for(var i =0;i<ai.length;i++){
					ai[i].src ='img/'+str1[i]+'.png'
					}
					}

					setInterval(tick,1000)
					tick()
					}

					function toDou(n){
					if (n<10){
					return '0'+n
					}else{
					return ''+n
					}
					}
            </script>
        </meta>
    </head>
    <body>
        <div id="div1">
            <img alt="" src="img/1.png">
                <img alt="" src="img/2.png">
                    ：
                    <img alt="" src="img/3.png">
                        <img alt="" src="img/4.png">
                            ：
                            <img alt="" src="img/5.png">
                                <img alt="" src="img/6.png">
                                </img>
                            </img>
                        </img>
                    </img>
                </img>
            </img>
        </div>
    </body>
</html>

1. JavaScript 定時器
2. JavaScript定時器
3. JavaScript - 定時器
4. javascript定時器
5. JavaScript中定時器
6. JavaScript[20] -- 定時器
7. JavaScript定時器倒計時
8. JavaScript時鐘與定時器
9. javascript定時器詳解
10. JavaScript 定時器 setTimeout、setInterval
更多相關文章...
• JavaScript 指南 - 網站建設指南
• PHP 5 時區 - PHP參考手冊
• Docker容器實戰(七) - 容器眼光下的文件系統
• Docker容器實戰(六) - 容器的隔離與限制

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。