webAPI

计时器

2019-05-13  本文已影响0人  椋椋夜色

<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> 计时器 </title>

 <!-- 
     setInterval(参数1,参数2):计时器
         作用:每隔一段时间来执行一段代码

         参数1:要执行的代码,可以是字符串,也可以是函数
         参数2:间隔时间,毫秒为单位 1000毫秒 = 1秒

     计时器一旦开启,只要自己不写代码停止,它就一直运行
  -->
</head>

<body>

 <script>
     // 使用方式一; 字符串形式
     setInterval('console.log(1)', 1000);

     // 使用方式二; 函数形式
     // 有一个变量从0开始,每隔一秒就加1,并且打印出结果;
     var num = 0;
     setInterval(function(){
         //它会自动每隔1秒调用这个函数
         num++;
         console.log(num);
     },1000);

     // 使用方式三
     function f1() {
         console.log('f1');
     }
     setInterval(f1, 1000);
     // 加括号代表立即调用这个函数,并把它的返回值也就是undefined放在了计时器里,这样没用
     // 下面这个写法是有问题的
     // setInterval(f1(),1000);

 </script>

</body>

</html>

上一篇下一篇

猜你喜欢

热点阅读