jquery倒計時,ASP.NET頁面倒計時,註冊按鈕倒計時
阿新 • • 發佈:2019-01-04
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>10之後註冊</title> <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> var leftSeconds = 10;//倒計時時間10秒 var intervalId; $(function () { $("#btn_reg").attr("disabled", true);//設定按鈕不可用 intervalId = setInterval("CountDown()",1000);//呼叫倒計時的方法 }); function CountDown() {//倒計時方法 if (leftSeconds <= 0) { $("#btn_reg").val("註冊"); //當時間<=0的時候改變按鈕的value $("#btn_reg").attr("disabled",false);//如果時間<=0的時候按鈕可用 clearInterval(intervalId); //取消由 setInterval() 設定的 timeout return; } leftSeconds--; $("#btn_reg").val("請仔細閱讀"+leftSeconds+"秒"); } </script> </head> <body> <textarea cols="20" rows="8">10秒之後註冊按鈕才可以使用</textarea> <input type="button" value="註冊" id="btn_reg" /> </body> </html>