黑马程序员技术交流社区

标题: js注册页倒数效果 (给后来赖人copy) [打印本页]
作者: 胡元江    时间: 2013-2-13 15:18
标题: js注册页倒数效果 (给后来赖人copy)
本帖最后由 胡元江 于 2013-2-13 18:52 编辑

<head>
    <title></title>
    <script type="text/javascript">
   
         var leftSeconds=10;     //设置初始时间
         var intervalId;
         function CountDown() {   
   var btnReg= document.getElementById("btnReg");   //通过id获取标签

    if(!btnReg){        //如果初始化时没有加载到标签则return;
        return;
    }

    if (leftSeconds <= 0) {           //判断时间是不是走完。完则btn可用
        btnReg.value = "同意";
        btnReg.disabled = "";
      clearInterval(intervalId);  //停止计时器

    }
    else{
        btnReg.value = "请仔细阅读协议（还剩:" + leftSeconds + "秒)";
        leftSeconds--;
    }
}
    intervalId=setInterval("CountDown()",1000);
   
    </script>
</head>
<body>
<textarea></textarea>
<input  id="btnReg" type="button" value="同意" disabled="disabled"/>
</body>
</html>
  1.   
复制代码
作者: 许庭洲    时间: 2013-2-17 14:44
值得学习ing!



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2