<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>定时跳转</title>
<style>
body{background:gray;}
div{margin:20px auto;width:350px;height:150px;border:1px solid #000;background:white;padding:10px;}
h2{text-align:center;}
span{font-size:150%;color:red;margin:0 10px;}
</style>
</head>
<body>
<div>
<h2>提交成功</h2>
<a href="http://www.example.com">
<span id="seconds">3</span>秒后系统会自动跳转，也可单击此链接跳转
</a>
</div>
<script>
function timing(secs, url) {
var seconds = document.getElementById(‘seconds‘);
seconds.innerHTML = --secs; //让它自减
if (secs > 0) { //若秒数>0，则执行函数，若=0，直接结束定时器
setTimeout(‘timing(‘ + secs + ‘, \‘‘ + url + ‘\‘)‘, 1000); //每隔一秒执行一次
} else{
location.href = url;
}
};
timing(10, ‘http://www.baidu.com‘);//从10秒开始倒数
</script>
</body>
</html>
原文：https://www.cnblogs.com/qq1561942060/p/12736763.html