交作业。。

来源:3-4 编程练习

慕勒6779931

2019-07-22 18:19

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

<title>Document</title>

<script type="text/javascript">

window.onload=function(){

    var send=document.getElementById('send');

var main = document.body;

        times=5;

        timer=null;

// 方法一:

var input_out=document.createElement("input");

input_out.setAttribute("type","button");

input_out.setAttribute("id","out");

input_out.setAttribute("value","接收验证码");

main.appendChild(input_out);

    send.onclick=function(){

      // 计时开始 

timer=setInterval(function(){

var send_out=document.getElementById("out");

times--;

send_out.value=times+"秒后重试";

send_out.disabled=true;

if(times==0){

send_out.value="发送成功";

clearInterval(timer);

    send_out.disabled=false;

},1000);

  

// 方法二:   

//  timer=setInterval(function(){

//  times--;

//  send.value=times+"秒后重试";

//  // send.setAttribute("disabled","disabled");

//  send.disabled=true;

//  if(times==0){

//  send.value="发送验证码";

//  clearInterval(timer);

//  // send.setAttribute("disabled","enable");

//  send.disabled=false;

//  }

//  },1000);

// 

      

    } 

}

</script>

</head>

<body>

<input type="button" id="send" value="发送验证码">

</body>

</html>


写回答 关注

1回答

  • 慕勒6779931
    2019-07-22 18:19:37

    经验+1

Tab选项卡切换效果

本课程详细介绍网页页面中最流行常用的tab切换效果

65469 学习 · 533 问题

查看课程

相似问题