JQuery实现倒计时按钮的实现代码

复制代码 代码如下:

  <head>

  <title>test count down button</title>

  <script src="http://demo.glzy8.com/jslib/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>

  <script type="text/javascript">

  $(function () {

  $('#btn').click(function () {

  var count = 3;

  var countdown = setInterval(CountDown, 1000);

  function CountDown() {

  $("#btn").attr("disabled", true);

  $("#btn").val("Please wait " + count + " seconds!");

  if (count == 0) {

  $("#btn").val("Submit").removeAttr("disabled");

  clearInterval(countdown);

  }

  count--;

  }

  })

  });

  </script>

  </head>

  <body>

  <input type="button" id="btn" value="Submit" />

  </body>

  有兴趣您可以自己实现一下。