JS简单的倒计时跳转代码

<!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>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/292.html