第四课 定时器

《第四课 定时器》 这么好的教程为什么不看下去呢?

课前练习

声明变量age,表示自己的年龄,我长大一岁了,如何表示呢?
(1)age为今年年龄,10岁

var age = 10;

(2)长大了一岁

var age = 10;
age = age + 1;

(3)输出

var age = 10;
age = age + 1;
alert(age);

计算机英语

set 设置
function 函数
interval 间隔

新课探索

1、定时器
定时器的语法结构如下:

setInterval(function(){
   a=a+1;
},1000);

setInterval的作用是每间隔一定的时间做某事
上方代码的意思是,每隔1秒,a将要在原来自身的基础上加1

注意! setIntervalInterval 的首字母要大写
注意!1000指的是1000毫秒
1秒=1000毫秒
1分钟=60000毫秒
例题:每间隔5秒钟弹出一个警告框,警告框上显示“掀起波澜”,如何实现?
答案如下:

setInterval(function(){
  alert("掀起波澜");
},5000);

分析:5000毫秒 即 5秒 ,定时器的花括号里面可以写每隔5秒钟所运行的结果

知识点:在setInterval的 {...} 中,可以加入各种可以被js执行的代码
写在setInterval {...} 中的代码会无限死循环执行

课内练习

1.设置变量a为0,使用定时器,每隔两秒,alert显示a的值,每次a的值增加10

var a = 0;
setInterval(function(){
  alert(a);
  a=a+10;
},2000);

2.使用定时器,没有间隔的不断发送警告框,上面显示“卢本伟牛逼”

setInterval(function(){
  alert("卢本伟牛逼");
},0);

3.设置times为0,使用定时器,每隔一秒将times变量增加1,alert每隔2秒显示一次times的值

var interval = 2000;
var times=0;
setInterval(function(){
  times=times+1;
  times=times+1;
  alert(times);
},interval);

间隔时间处,也是可以放入变量的

亲自出码

1.定义一个变量 i 为2,a为3,b为8, 使用定时器,每隔1秒将 i 的值增加 a+b 的值,a的值增加 i*b的值,b的值乘以 a² 的值,每隔1秒显示 i 的值(运行顺序是,i,a,b)

    原文作者:神淘汰
    原文地址: https://www.jianshu.com/p/6d2a660a6ba7
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞