<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#txt{
width: 200px;
height: 40px;
}
.one{
border: 1px solid lightsalmon;
background: lightsalmon;
color: white;
}
/*a{
color: black;
text-decoration: none;
font-size: 14px;
}*/
</style>
</head>
<body>
<h1>阅读一下协议</h1>
<input type="button" value="5秒后跳转" id="txt" />
<!--<button><a href="http://www.baidu.com">5秒后跳转到百度</a></button>-->
<script>
window.οnlοad=function(){
var x = document.getElementById("txt");
var timer = setInterval(func,1000);
var time = 5;
function func(){
x.value = "还剩"+time+"秒";
time--;
if(time<0){
// x.style.background="red";
// x.style.border="1px solid red";
clearInterval(timer);
x.setAttribute("class","one");
x.value="即将跳转loading...";
// window.open("http://www.baidu.com","_blank","width=200px,height=100px,left=200px,top=200px,scrollbars=no");
window.location.href="http://www.baidu.com";
}
}
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#txt{
width: 200px;
height: 40px;
}
.one{
border: 1px solid lightsalmon;
background: lightsalmon;
color: white;
}
/*a{
color: black;
text-decoration: none;
font-size: 14px;
}*/
</style>
</head>
<body>
<h1>阅读一下协议</h1>
<input type="button" value="5秒后跳转" id="txt" />
<!--<button><a href="http://www.baidu.com">5秒后跳转到百度</a></button>-->
<script>
window.οnlοad=function(){
var x = document.getElementById("txt");
var timer = setInterval(func,1000);
var time = 5;
function func(){
x.value = "还剩"+time+"秒";
time--;
if(time<0){
// x.style.background="red";
// x.style.border="1px solid red";
clearInterval(timer);
x.setAttribute("class","one");
x.value="即将跳转loading...";
// window.open("http://www.baidu.com","_blank","width=200px,height=100px,left=200px,top=200px,scrollbars=no");
window.location.href="http://www.baidu.com";
}
}
}
</script>
</body>
</html>