search

goldEli / Front-End-Training

Front End Training
2 stars 5 forks source link

定时器 #23

Open goldEli opened 4 years ago

goldEli commented 4 years ago

完善以下代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    function print() {
      console.log("打印")
    }
    // 写一个定时器，每秒执行一次 print 方法
  </script>
</body>
</html>
lurasso commented 4 years ago 
function print() {
      console.log("打印")
    }
    setInterval("print()",1000);
goldEli commented 4 years ago 
function print() {
      console.log("打印")
    }
    setInterval("print()",1000);

能运行吗？

lurasso commented 4 years ago 
function print() {
      console.log("打印")
    }
    setInterval("print()",1000);

能运行吗？ 换一个

setInterval(function() {
console.log("打印")
},1000);
goldEli commented 4 years ago

3731582781907_ pic_hd

748580573 commented 4 years ago 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    function print() {
      console.log("打印")
    }
    window.onload = function() {
      console.log("打印")
      setInterval(print(),1000);
    }

    // 写一个定时器，每秒执行一次 print 方法
  </script>
</body>
</html>
FireDragonZL commented 4 years ago 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button id="btn">停止</button>
    <script>
        function print() {
            console.log("打印")
        }

        var timeOut = window.setInterval("print()",1000);

        var btn = document.getElementById("btn");
        btn.onclick = function(){
            var timeOut = window.clearInterval(timeout);
        }
    </script>
</body>
</html>