定时按钮点击继续 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <p style="text-align:center;margin-top:30px;position:relative;line-height:25px"> 
        <input type="checkbox" id="excep_checkbox" name="excep"> 
        <label id="excep_label" for="excep" style="cursor:pointer;">我已经阅读并同意免责条款</label> 
        <span id="hints" style="position:absolute;left:600px;top:0;color:red"></span> 
    </p><br />  
    <input style="display:block;margin:0 auto;height: 30px;width:80px; 
                font:15px Verdana,'Microsoft YaHei',Helvetica,Arial,Sans-Serif;" id="bt_agree" 
        type="button" value="点击继续"><br/> 
    </div>     
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    var timeID=window.setInterval(shua,1000);
           window.onload=timeID;
           var t; 
           t=5; 
           var checkbox= document.getElementById("excep_checkbox");
           function shua() 
           { 
               t=t-1; 
               document.getElementById("hints").innerHTML="剩余 "+t+" 秒"; 
               if (t==0) 
               { 
                   window.clearInterval(timeID);
                   checkbox.disabled = false;
                   $('#excep_label').css("color","#000");
                   $('#hints').css("display","none");
               } 
           } 
        
           $(document).ready(function() {
            
               $('#register').addClass('selli');
            
               checkbox.disabled = true;
               $('#excep_label').css("color","#999");
               var btagree = document.getElementById("bt_agree");
               btagree.disabled = true;
                        
               $('#excep_checkbox').click(function() {
                   if (this.checked) {
                       btagree.disabled = false;
                   } else {
                       btagree.disabled = true;
                   }
               })

               $('#bt_agree').click(function() {
                   window.location.href = "http://www.baidu.com";
               })
           });
    
    
</script>
</html>

 

posted @ 2017-04-26 16:31  王老五Plus  阅读(233)  评论(0)    收藏  举报