JavaScript中的setInterval()与setTimeout()

最新推荐文章于 2019-11-26 17:49:46 发布

一瓣向日葵

最新推荐文章于 2019-11-26 17:49:46 发布

阅读量151

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/huijiazhaomama/article/details/98207123

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

setInterval()

setTimeout()

setInterval()

按照指定的周期（以毫秒计）来调用函数或计算表达式。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数

示例：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>clearInterval方法</title>
		<script type="text/javascript">
			var i=0;
			function showIndex(){
				document.getElementById("current_data").innerHTML=i;
				i++;
			}
        </script>
    </head>

    <body>
        <div id="current_data"></div>
        <script type="text/javascript">
        	var id = window.setInterval("showIndex()", 1000);
        	function stopTime(){
				window.clearInterval(id);
			}
        </script>
		<input type="button" value="停止" onclick="stopTime()" />
	</body>
</html>

结果：

数字逐秒递增。

setTimeout()

在指定的毫秒数后调用函数或计算表达式。由 setTimeout() 返回的 ID 值可用作 clearTimeout() 方法的参数

<html>
	<head>
		<meta charset="UTF-8" />
		<title>setTimeout方法</title>
		<script type="text/javascript">
			var i=0;//不能为var i；为什么？typeof(i)返回什么？
			function showData(){
				document.getElementById("current_data").innerHTML=i;
				i++;
			}
        </script>
    </head>

    <body>
        <div id="current_data"></div>
        <script>
			window.setTimeout("showData()", 3000);
        </script>
	</body>
</html>

结果：

页面在三秒之后返回0。

注意：setInterval()是每隔一个指定周期都执行一次

setTimeout()是在指定时间后执行一次

一瓣向日葵

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的setInterval()与setTimeout()

目录setInterval()setTimeout()setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数示例：<!DOCTYPE html><html> <head> <meta chars...
复制链接

扫一扫