JS刷新的问题

FILWFQFE 2017-08-07 12:30:06

就是点击检测能出现1 2 3 4，而不是直接显示到4，有什么方法吗

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

	<script type="text/javascript">

		

		function AS_sleep(n) {

			//alert("");

			//return;

			var start = new Date().getTime();

			while(true)

			{

				if(new Date().getTime()-start > n)

				{

					break;

				}

			}

		}

				

		function TestFunc(){

			document.getElementById("tipinfo").innerText="1";

			AS_sleep(500);

			document.getElementById("tipinfo").innerText="2";

			AS_sleep(500);

			document.getElementById("tipinfo").innerText="3";

			AS_sleep(500);

			document.getElementById("tipinfo").innerText="4";

		}

	</script>

</head>

<body>

			<div>

				<p id="tipinfo" class="content">thisarea

				</p>				

			</div>

			<div>

				<a onclick="TestFunc()">

					检测

				</a>

			</div>

</body>

</html>

...全文

134 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

y3832702 2017-08-07

打赏
举报

var num = 0, arr = [1, 2, 3, 4] function TestFunc(){ document.getElementById("tipinfo").innerText=arr[i]; num++; if (num === arr.length) { num = 0; } }

天际的海浪 2017-08-07

打赏
举报


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
				
		function TestFunc(){
			document.getElementById("tipinfo").innerText="1";
			setTimeout(function(){
				document.getElementById("tipinfo").innerText="2";
			}, 500);
			setTimeout(function(){
				document.getElementById("tipinfo").innerText="3";
			}, 1000);
			setTimeout(function(){
				document.getElementById("tipinfo").innerText="4";
			}, 1500);
		}
	</script>
</head>
<body>
			<div>
				<p id="tipinfo" class="content">thisarea
				</p>				
			</div>
			<div>
				<a onclick="TestFunc()">
					检测
				</a>
			</div>
</body>
</html>