setTime(sad,2000)可以理解为sad()吗？

最新推荐文章于 2024-05-23 11:01:45 发布

独夜

最新推荐文章于 2024-05-23 11:01:45 发布

阅读量193

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/qq_42444795/article/details/107501817

版权

1.setTimeout(function,time)
这个用于表示在多少毫秒之后执行计算表达式或者函数。
time表示的是毫秒（可选）
但是这个不能是方法,比如

<html>
<body>
<div>
<input type="button" onclick="sad()" value="点击">
</div>
</body>
<script>
  function sad(){
    setTimeout(document.write("sad"),2000);
  }
  //function sad(){
   // setTimeout(alert("sad"),2000);
  //}
</script>
</html>
//这个会打印出sad但是并不会发生时间延时
//包括以下的alert()方法

但是一旦把alert()换成函数

<html>
<body>
<div>
<input type="button" onclick="sad()" value="点击">
</div>
</body>
<script>
  function sad(){
    setTimeout(function(){document.write("sad")},2000);
  }
  
</script>
</html>
//这时候就能延时2秒打印出sad了

同时也可以将alert()换成代码字符串

这样也能执行document.write代码。

2.setInterval(code/function,time)

这个方法主要是以time时间来循环调用代码或者是函数，这个方法会不断的进行函数的调用，直至窗口关闭或者是clearInterval()被调用，他会返回一个ID，这个ID可以作为clearInterval()的传入参数。

3.clearInerval(id_from_setInerval)

上面提到了setInerval()方法会返回一个id，这个id会成为clearInterval()的传入参数。
clearInerval()会对setInterval()进行停止操作。下面这个代码可以让我们认识到这两个方法。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div>
<div id="sty" style="width: 100px; height: 50px; background-color: white;"></div>
<input type="button" value="停止" onclick="stops()">
</div>
</body>
<script>
  var s=setInterval(function(){setcolor()},300);
  function setcolor(){
      var a=document.getElementById("sty");
      a.style.backgroundColor=a.style.backgroundColor=="white" ? "black" : "white";
  }
  function stops(){
    clearInterval(s)
  }
</script>
</html>

独夜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
setTime(sad,2000)可以理解为sad()吗？

1.setTimeout(function,time)这个用于表示在多少毫秒之后执行计算表达式或者函数。time表示的是毫秒（可选）但是这个不能是方法,比如<html><body><div><input type="button" onclick="sad()" value="点击"></div></body><script> function sad(){ setTimeout(docume
复制链接

扫一扫