JavaScript 定时器

最新推荐文章于 2025-11-26 17:11:00 发布

转载最新推荐文章于 2025-11-26 17:11:00 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jeco-li/p/10176995.html

文章标签：

#javascript #ViewUI

本文展示了一个使用HTML和JavaScript创建的简单网页示例，其中包含三个按钮：一个普通按钮，一个用于清除定时器并跳转到红页面的按钮，以及一个重新启动定时器的按钮。定时器每两秒在控制台输出一条消息。通过此示例，读者可以了解如何在网页中使用定时器和按钮事件。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/test.js" type="text/javascript" charset="utf-8"></script>
</head>
<body style="height: 1000px;">
<button>按钮</button>
<button onclick="func1()">跳转到红页面</button>

<button onclick="func2()">关闭窗体</button>
<script type="text/javascript">

  var time
  time = window.setInterval(function(){
      console.log("sunck is ")
  },2000)
  function func1(){
      window.clearInterval(time)
  }
  function func2(){
        time = window.setInterval(function(){
      console.log("sunck is ")},2000)
  }


</script>

</body>
</html>