第四课 定时器

作者: 神淘汰 | 来源:发表于2018-12-04 19:28 被阅读0次
    这么好的教程为什么不看下去呢?

    课前练习

    声明变量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.haomeiwen.com/subject/bveucqtx.html