10
2013-05

很好用的发送短信倒计时JS代码

在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面我就给大家提供一段代码很实用的。

<body>
<button id="btn" style="width:70px;">发送</button>
</body>
<script type="text/javascript">
    var test = {
       node:null,
       count:60,
       start:function(){
          //console.log(this.count);
          if(this.count > 0){
             this.node.innerHTML = this.count--;
             var _this = this;
             setTimeout(function(){
                 _this.start();
             },1000);
          }else{
             this.node.removeAttribute("disabled");
             this.node.innerHTML = "再次发送";
             this.count = 60;
          }
       },
       //初始化
       init:function(node){
          this.node = node;
          this.node.setAttribute("disabled",true);
          this.start();
       }
    };
    var btn = document.getElementById("btn");
    btn.onclick = function(){
       alert("发送成功...");
       test.init(btn);
    };
</script>

除非注明,文章均为史亚永原创,欢迎转载!转载请注明本文地址,谢谢。

本文地址:http://www.shiyayong.cn/post/184.html

评论列表:

2  脚轮  2013-5-14 9:07:20 回复该留言  IP:220.189.251.78
又是这么多的代码的,很多还是不懂得额学习一下吧
  茶馆老板  2013-5-20 20:25:29 回复该留言  IP:220.181.73.112
代码不是一眼就能看懂的
茶馆老板
脚轮
1  nhzy健康资讯  2013-5-12 20:09:31 回复该留言  IP:182.91.38.74
这个还真的没研究过
  茶馆老板  2013-5-20 20:24:50 回复该留言  IP:220.181.73.112
这段代码还不错,蛮实用的
茶馆老板
nhzy健康资讯

发表评论:

(设置个性头像)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

无觅相关文章插件,快速提升流量