JS-定时器案例<如何使用定时功能>

 

setInterval是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。

 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <textarea name="" id="" cols="30" rows="10">
如果有一天 我们再见面 时间会不会 倒退一点 也许我们 都忽略 互相伤害 之外的感觉 如果那一天 我们都发现 好聚好散 不过是种遮掩 如果我们 没发现 就给彼此 多...
  
    </textarea>
    <br />
	// 首先，要给按钮增加disbled属性，目得是禁用按钮;
	// 第二，添加class名称，好通过Dom获取;
	<button disabled class="btn">我已经阅读用户协议(60)</button>
    <script>
	// 先通过Dom获取按钮的class属性名，然后绑定给一个变量;
      let btn = document.querySelector(".btn");
	  //定义一个秒数;
      let i = 60;
	  // 把定时语句赋值给一个变量，主要目的是结束时可以关闭;
      let ends = setInterval(began, 1000);

      function began() {
	  
        i--;
		
        let end = (btn.innerHTML = `我已经阅读用户协议${i}`);

        if (i === 0) {
          btn.disabled = false;
          btn.innerHTML = `我已经阅读用户协议`;
          clearInterval(ends);
        }
      }
    </script>
  </body>
</html>

 

posted @ 2022-11-04 15:39  しゅおく  阅读(45)  评论(0)    收藏  举报