1. 程式人生 > 其它 >前端瞎子時不時摸一摸象(js篇)__不斷更新

前端瞎子時不時摸一摸象(js篇)__不斷更新

因為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>