前端瞎子时不时摸一摸象（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>

 

posted @ 2021-12-02 15:35  乾坤伯格  阅读(37)  评论(0)    收藏  举报