jQueryの実装
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时五秒</title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
//使用匿名函数方法
function counttime() {
var $time = $('#Time');
if($time.html() === '1'){
window.location.href=("http://www.baidu.com");
}else{
$time.html($time.html()-1);
}
}
setInterval(counttime,1000);
</script>
<style>
#Time,#p{
font-size: 100px;
text-align: center;
}
</style>
</head>
<body>
<p id="Time">5</p>
</body>
</html>
js実装
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒计时五秒</title>
<script>
//使用匿名函数方法
function countDown(){
var time = document.getElementById("Time");
//alert(time.innerHTML);
//获取到id为time标签中的内容，现进行判断
if(time.innerHTML == 0){
//等于0时清除计时
window.location.href="https://www.baidu.com";
}else{
time.innerHTML = time.innerHTML-1;
}
}
//1000毫秒调用一次
setInterval(countDown,1000);
</script>
<style>
#Time,#p{
font-size: 100px;
text-align: center;
}
</style>
</head>
<body>
<p id="Time">5</p>
</body>
</html>