JS简单的倒计时跳转代码
<!doctype html><html><head><meta charset="utf-8"><title>简单的倒计时--跳转</title><script src="http://libs.baidu.com/jquery/1.11.3/jquery.min...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简单的倒计时--跳转</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
* {
margin:0px;
padding:0px;
}
.box {
width:450px;
border:1px solid #f0f0f0;
background:#FFFFCC;
margin:100px auto;
padding:20px;
font-size:14px;
line-height:180%;
color:#444;
}
h2 {
margin-bottom:10px;
}
#time {
color:#FF0000;
}
.color2 {
color:#0099FF;
}
a.a1:link,a.a1:visited {
color:#0099FF;
text-decoration:none;
}
a.a1:hover {
color:#FF0000;
text-decoration:underline;
}
</style>
</head>
<body>
<div class="box">
<h2 align="center">操作成功</h2>
<p><b>提示：</b></p>
<p>系统将在 <span id="time">10</span> 秒钟后自动跳转，如果不想等待，请点击 <a class="a1" href="javascript:history.go(-1);">这里</a> 跳转。</p>
</div>
<script>
function playSec(num) {
var time = document.getElementById("time");
time.innerHTML = num;
if (--num > 0) {
setTimeout("playSec(" + num + ")", 1000);
} else {
//返回到上一条历史记录
// history.go(-1);
alert("开始跳转！");
}
}
playSec(10);
</script>
</body>
</html>
- 发表于 2020-06-27 11:45
- 阅读 ( 495 )
- 分类：web前端开发
