jquery实现60秒倒计时

最新推荐文章于 2024-04-22 11:43:29 发布

迷糊的『迷』

最新推荐文章于 2024-04-22 11:43:29 发布

阅读量9.9k

点赞数 4

分类专栏： jquery 文章标签： jquery学习

本文链接：https://blog.csdn.net/weixin_43168278/article/details/88644330

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title>123456</title>
    <script type="text/javascript" src="/js/jquery-1.11.3/jquery.min.js"></script>
    <script>
    var time = 60;
    $(function(){
        $("#sendsms").click(function (){
    	   if(time==60){//如果不加入该判断，则会出现在倒计时期间不断的点击发生不断的加快（其实就是你点了多少次就重复多少次该函数）的问题，用setTimeout（）方法不加此判断也是一样的
    		   var time1=setInterval(function(){
        		   if(time==0){
            		   $("#sendsms").html("重新发送");
            		   $("#sendsms").removeAttr("disabled");
            		   time=60;
            		   clearInterval(time1);
            	   }else{
            		   $("#sendsms").attr("disabled","true");
            		   $("#sendsms").html("重新发送("+time+")");
            		   time--;
            	   }
        		   }, 1000);
    	   }
    	   
    	   })
    })
    </script>
</head>
</html>
<body>
<a id="sendsms" href="javascript:void(0)">发送短信</a>
</body>

第一次发帖，不会编辑。。。。。

注意的是，a标签href属性值为javasrcipt:void(0)或javasrcipt:;，这样用可以避免页面刷新、跳转，很多网站都这样用，如某宝，点击的时候看浏览器左下角的响应会有显示的。

上面是之前写的代码，有问题的，今天带来修改稳定版的，把之前的代码修改一下就行了

2019年4月1日23:52:26

迷糊的『迷』

关注

4
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
jquery实现60秒倒计时

<html><head> <title>123456</title> <script type="text/javascript" src="/js/jquery-1.11.3/jquery.min.js"></script> <script> var time = 60; ...
复制链接

扫一扫