setInterval() && setTimeout()

最新推荐文章于 2020-01-17 16:06:49 发布

gaojie1190

最新推荐文章于 2020-01-17 16:06:49 发布

阅读量99

点赞数

分类专栏： javascript 文章标签： JavaScript XHTML J# HTML ViewUI

本文链接：https://blog.csdn.net/gaojie1190/article/details/83703748

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>setTimeOut() & setInterval()</title>
<script type="text/javascript">
var i=0;
var t;
function timeOut(){
	i=i+1;
	var textValue=window.document.getElementById("testTimeout");
	textValue.value=i;
	t=window.setTimeout(timeOut,200);//window.setTimeout('timeOut()',200);
}

var j=0;
var q;
function startTimeOut(){
	q=window.setInterval('timeInterval()',200);
}
function timeInterval(){
	j=j+1;
	var textValue=window.document.getElementById("testInterval");
	textValue.value=j;
}
</script>
</head>
<body>
<table border="1" height="200px" width="200px" background="black">
<tr> 
	<td>
		<input id="testTimeout"/>
	</td>
</tr>
</table>
<input type="button" οnclick="timeOut();" value="star"/>
<input type="button" οnclick="window.clearTimeout(t);" value="stop"/>

<table border="1" height="200px" width="200px" background="black">
<tr> 
	<td>
		<input id="testInterval"/>
	</td>
</tr>
</table>
<input type="button" οnclick="startTimeOut();" value="star"/>
<input type="button" οnclick="window.clearInterval(q);" value="stop"/>
</body>
</html>

gaojie1190

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
setInterval() && setTimeout()

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;
复制链接

扫一扫

专栏目录