实现几秒后跳转到另一页面代码,JS代码库,德仔网

代码语言

代码分类

【JS】实现几秒后跳转到另一页面

作者:dezai / 发布于2014/6/25/ 481


	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>Loading</title>
	</head>
	<body>

	<form name="loading">

	<p align="center">正在跳转，请稍后...

	<p align="center">
	<input type="text" name="bar" style="border-style:none; background-color:#D3E8D0; font-weight:bold" />
	<input type="text" name="percentage"style="border-style:none; background-color:#FFFFFF; max-width:30px"/>
	

	<p align="center">
	如果您的浏览器不支持跳转，请点击<a href="http://www.126.com">这里</a>手动跳转
	

	<script language="javascript" type="text/javascript">
	var percent=0; //百分比进度，显示在滚动条后面
	var element="||"; //滚动条单元竖线
	var elements="||"; //滚动条当前竖线
	count(); //开始调用循环

	function count(){
	percent=percent+10; //每次百分比加10
	elements =elements + element; //滚动条当前竖线增加一个滚动条单元竖线
	document.loading.bar.value=elements; //设置窗体loading表单中bar元素的当前值
	document.loading.percentage.value=percent+"%"; //设置窗体loading表单中percentage元素的当前值
	if (percent<99){ //percent小于99则继续循环
	setTimeout("count()",500); //每500ms进行一次count()
	}
	else{
	window.location = "http://www.baidu.com"; //percent达到100时跳转
	}
	}
	</script>

	</form>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　跳转　

同语言下

可能有用的

dezai贡献的其它代码(1065)