Javascript入门阶段——定时器

朝花夕拾明月夜

于 2020-11-07 09:33:38 发布

阅读量432

点赞数 3

分类专栏： JS Level1(入门课程) 文章标签： javascript js 编程语言 java

本文链接：https://blog.csdn.net/YWX_KB/article/details/109542740

版权

JS Level1(入门课程) 专栏收录该内容

10 篇文章 4 订阅

订阅专栏

1.课程大纲

变量的可变性
setInterval方法的基本用法

2.1 变量的可变性

声明变量age表示自己的年龄

var age = 23;

我长大了一岁如何表示

age = 24;
alert(age);

代码运行结果如下

2.2 变量的赋值方向

在JavaScript中赋值的方向为：从右向左进行赋值

var age = 23;
age = 24;

alert(age);

如上方所示，age = 24 这句代码在赋值运算时程序是从右向左进行执行的，也就是把24赋值给变量age
同时我长大了一岁还可以用下方这两种方法

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

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

现在的年龄是23岁，长大一岁是24岁。24可以用 23 + 1表示，而之前我们已经声明变量age来存储23 了。所以，23+1我们可以用变量age加1来表示，即变量age在自身的基础上+1。完整代码如下

<!DOCTYPE html>
<html>
	<title>test01</title>
	<meta http-equiv="Content-Type" 
	content="text/html; charset=utf-8" />
	<canvas id="myCanvas" width="500" 
	height="500"></canvas>
<body>
<script>
var age = 23;
age = age+1;
alert(age);
</script>	
</body>
</html>

运行结果如下

声明变量y 并赋值为1，现在使y 的值在自身的基础上加7 如何使用变量来计算呢？代码如下

var y = 1;
y = y + 7;
alert(y);

代码运行结果如下

3.1 定时器

定时器的语法结构

setInterval(function(){
	①
},②)

setInterval方法用于每间隔一定的时间做某事
①处放置定时器要做的事；
②处放置间隔的时间，时间间隔的单位是亳秒数
注： setInterval中 Interval的首字母需要大写。
每间隔5秒弹出一个警告框，警告框上显示的内容是“欢迎学习JS”，代码如下

setInterval(function(){
	alert("欢迎学习JS");
},5000)

注：1秒钟=1000毫秒

3.2 每隔1秒在警告框上显示的数字加1

要实现每隔1秒在警告框上显示的数字加1,需要用到知识点 setInterval（定时器）和变量
定义变量y，并且赋值为1,使y每隔1秒在自身的基础上加1,代码如下

var y = 1;
setInterval(function(){
 alert(y);
 y = y + 1;
},1000);

朝花夕拾明月夜

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Javascript入门阶段——定时器

1.课程大纲变量的可变性setInterval方法的基本用法2.1 变量的可变性声明变量age表示自己的年龄var age = 23;我长大了一岁如何表示age = 24;alert(age);代码运行结果如下2.2 变量的赋值方向在JavaScript中赋值的方向为：从右向左进行赋值var age = 23;age = 24;#mermaid-svg-8kxsfQAaZMEl7hBY .label{font-family:'trebuchet ms'
复制链接

扫一扫