前端瞎子時不時摸一摸象(js篇)__不斷更新
阿新 • • 發佈:2021-12-02
因為web開發時不時用一下前端知識,俺的前端全靠百度,支離破碎,故隨手記一下這個。
(一)週期呼叫函式:setInterval() 、setTimeout()
setInterval() 方法會不停地呼叫函式,週期以毫秒計,直到clearInterval()被呼叫或視窗被關閉。
setTimeout()如果你只想執行一次可以使用。
<script> function myFunction() { setInterval(function(){ alert("Hello"); }, 3000); } </script>
使用 clearInterval() 來停止 setInterval 的執行(搬用網上其他人的):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <p>顯示當前時間:</p> <p id="demo"></p> <button onclick="myStopFunction()">停止時間</button> <script> var myVar = setInterval(function(){ myTimer() }, 1000); function myTimer() { var d = new Date(); var t = d.toLocaleTimeString(); document.getElementById("demo").innerHTML = t; } function myStopFunction() { clearInterval(myVar); } </script> </body> </html>
(二)getElementsById只能對呼叫的第一個起作用,getElementsByClassName對標整個陣列的
<script> window.onload=function(){ var divs=document.getElementsByClassName("test"); //注意中間有個s,還要注意大小寫 for(var i=0;i<divs.length;i++){ console.log("第"+(i+1)+"個div的內容是"+divs[i].innerHTML); } } </script>