<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body><form action="">
<input type="text" name="" id="asd" >
<button id="btn">点击发送短信</button>
</form>
<a href="http://www.baidu.com"></a>
<script type="text/javascript">
var bon = document.getElementById("btn");
var a1 =document.getElementsByTagName("a")[0];
var tet=document.getElementById("asd");
var sum =5;
bon.οnclick= function(){
this.disabled = true;
var _this= this;
var inter = setInterval(fun,1000);
function fun(){
sum--;
_this.innerHTML ="还剩余"+sum+"秒";
if(sum<0){
clearInterval(inter);
_this.innerHTML="重新发送按钮";
_this.disabled=false;
sum=5;
}
}
}
var num=5;
var inte= setInterval($,1000);
function $(){
num--;
a1.innerHTML="本页面"+num+"秒后跳转到百度页面";
if(num<=0){
window.location.href="http://www.baidu.com";
clearInterval(inte);
}
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body><form action="">
<input type="text" name="" id="asd" >
<button id="btn">点击发送短信</button>
</form>
<a href="http://www.baidu.com"></a>
<script type="text/javascript">
var bon = document.getElementById("btn");
var a1 =document.getElementsByTagName("a")[0];
var tet=document.getElementById("asd");
var sum =5;
bon.οnclick= function(){
this.disabled = true;
var _this= this;
var inter = setInterval(fun,1000);
function fun(){
sum--;
_this.innerHTML ="还剩余"+sum+"秒";
if(sum<0){
clearInterval(inter);
_this.innerHTML="重新发送按钮";
_this.disabled=false;
sum=5;
}
}
}
var num=5;
var inte= setInterval($,1000);
function $(){
num--;
a1.innerHTML="本页面"+num+"秒后跳转到百度页面";
if(num<=0){
window.location.href="http://www.baidu.com";
clearInterval(inte);
}
}
</script>
</body>
</html>