js案例:5秒后自动跳转

分析

同计时器案例

代码

<html>
<head>
<meta charset="utf-8">
<title>333333</title>
	<style>
		
	</style>
</head>

<body>
	
	<button>点击</button>
	<div></div>

<script>

	var btn = document.querySelector('button');
	var div = document.querySelector('div');
	var time = 5;
	btn.addEventListener('click', function () {
		div.innerHTML = '您将在'+time+'秒之后跳转页面';
		setInterval(function () {
		if(time <= 0) {
			location.href = 'http://www.itcast.cn';
		}else {
			time--;
			div.innerHTML = '您将在'+time+'秒之后跳转页面';
		}
	}, 1000)
	})
	

</script>
	
</body>
</html>

 

 


版权声明:本文为m0_63400611原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。