javascript从入门到跑路-----小文的js学习笔记（9）------定时器以及图片轮播示例-CSDN博客

本文链接：https://blog.csdn.net/qq_45948983/article/details/105748355

**
javascript从入门到跑路-----小文的js学习笔记（1）---------script、alert、document。write() 和 console.log 标签
…
…
javascript从入门到跑路-----小文的js学习笔记目录

一、定时器:间歇调用

间歇调用：每隔指定的时间就执行一次代码,它会执行无数次

语法1： setinterval(函数，亳秒)
语法2： function 函数名（）{
要执行的代码
}

setinterval(“函数名（）”，毫秒)
举一个简单的例子：
在这里插入图片描述
即每隔1000毫秒（即一秒）就执行一次内部函数，即会打印很多个小文出来

二、停止定时器。

停止定时器即清除定时器，他有两种方式：clearTimeout() 与 clearInterval()
语法： clearinterval(停止的定时器)
注：在使用停止定时器前，一定要给前面的定时器命一个名。
那么同样我们来简单写一下怎么用：
在这里插入图片描述
这里因为定时器刚开启就被我们直接停用了，所以一次代码也不会执行。即一个小文也不会被打印出来

三、超时调用

超时调用：是在指定的时间过后执行代码

语法1： setTimeout(函数,亳秒)

语法2： function 函数名（）{
要执行的代码
}

setTimeout(“函数名（）”，毫秒)

同样我们简单举个例子：
在这里插入图片描述
在1秒之后执行一次函数，即只会打印一个小文

案例：

那么下面我们来做一个简单的案例：点进该网页之后，会出现一个button按钮，但是这个按钮要五秒钟的加载时间，当加载完成之后才可以，继续点击确定

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>bbb</title>
	</head>
	<body>
	<input type="button" value="倒计时开始5" id="btn" />
	<script>
	 var btn