其他分享
首页 > 其他分享> > 在页面内文本框中按秒针速度显示递加的数字，当循环执行 10 次后，调用 clearTimeout() 方法清除对代码执行

在页面内文本框中按秒针速度显示递加的数字，当循环执行 10 次后，调用 clearTimeout() 方法清除对代码执行

作者：互联网

在页面内的文本框中按秒针速度显示递加的数字，当循环执行 10 次后，会调用 clearTimeout() 方法清除对代码的执行，并弹出提示信息。

https://www.runoob.com/jsref/met-win-cleartimeout.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" />
	<script>    
		var t=document.getElementsByTagName("input")[0];
		var i=0;
		function f(){
		    var out=setTimeout(
		        function(){
		            t.value=i++;
		            f();
		         },1000);
		         if(i>11){
		            clearTimeout(out);
		            alert("https://www.runoob.com/jsref/met-win-cleartimeout.html");
		 }
		}   
		f();
	</script> 
	</body>
</html>

 

标签：10,www,win,clearTimeout,递加,代码执行,var,out
来源： https://blog.csdn.net/m0_57675124/article/details/117447565