第四课 定时器

作者: 神淘汰 | 来源:发表于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)

相关文章

  • 第四课 定时器

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

  • 2017.12.21学习总结

    下午学习了定时器,定时器分为高级定时器、通用定时器和基本定时器,我们主要研究通用定时器。 定时器中断实现步骤:...

  • javascript笔记6

    定时器-间歇性定时器 定时器-延时定时器 认识DOM 间歇性定时器var time = window.setInt...

  • 定时器弹框、定时器基本用法、定时器动画、时钟

    定时器弹框: 定时器基本用法: 定时器动画: 时钟:

  • 无标题文章

    iOS NSTimer使用详解-开启、关闭、移除 定时器定时器详解ios定时器关闭定时器NSTimer 1、要使用...

  • 定时器

    1.倒计定时器(setTimeout) clearTimeout清除定时器2.循环定时器(setInterval)...

  • 第十三节 JavaScript 定时器 单线程

    一、定时器 1. JS存在两种定时器 setTimeout() 延迟定时器 setInterval() ...

  • 定时器 - OC

    定时器的定义 创建一个定时器并启动这个定时器 停止定时器 后续了解:NSTimer invalidate不起作用h...

  • 定时器 类型转换 封闭函数

    定时器定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流 定时器类型及语法 /*定时器...

  • STM32--------定时器

    STM32F103一共有11个定时器,其中: 2个高级定时器 4个普通定时器 2个基本定时器 2个看门狗定时器 1...

网友评论

    本文标题:第四课 定时器

    本文链接:https://www.haomeiwen.com/subject/bveucqtx.html