DOM定时器的应用

最新推荐文章于 2022-05-31 19:17:00 发布

Paranoid_truggle

最新推荐文章于 2022-05-31 19:17:00 发布

阅读量171

点赞数

文章标签： js dom

本文链接：https://blog.csdn.net/Paranoid_truggle/article/details/119303291

版权

本文深入探讨了DOM定时器，包括setTimeout和setInterval的使用方式、工作原理及其在网页交互中的重要角色。通过实例分析，揭示了定时器在延迟执行、周期任务和页面更新中的常见应用场景，并讨论了如何避免定时器引发的常见问题，如内存泄漏和执行顺序不确定性。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    *{
     
      margin: 0;
      padding: 0;
    }
    #box1{
     
      width: 100px;
      height: 100px;
      background-color: red;
      position: absolute;
    }
  </style>
  <script>
    window.onload=function (){
     
    //  获取box1
      var box1=document.getElementById("box1");
    //  获取btn01，btn02
      var btn01=document.getElementById("btn01");
        var btn02=document.getElementById("btn02");
      //定义一个变量用来保存定时器的标识
      var timer=0;
    //  点击按钮以后，使box1向右移动（left值增大）
      btn01.onclick=function