5秒自动转跳目标url

最新推荐文章于 2022-01-02 08:42:47 发布

choubai1541

最新推荐文章于 2022-01-02 08:42:47 发布

阅读量4.9k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/jacky326/blog/3063828

版权

初学html设计，做个简单笔记。利用js，5秒后转跳（主页）。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>logout</title>
		<link rel="stylesheet" href="../static/css/base.css" />
		<script type="text/javascript" language="JavaScript">
			var second=5;
			function clock(){
			    //alert('hr')
			    if (second > 0){
					second = second - 1;
					document.getElementById("second").textContent = second;
				}
				if(second <= 0){
					window.location.href = "http://www.baidu.com";
				}
			};
			var i = self.setInterval("clock()", 1000);
		</script>
	</head>
	<body>
		<div class="normal_show">
			<div style="color: red" id="second" class="long_message">5</div>
			<div style="color: darkgreen" class="long_message">秒后返回主页</div>
		</div>
	</body>
</html>

转载于:https://my.oschina.net/jacky326/blog/3063828