首页 > 代码库 > Jquery手机发送短信之后，进入倒计时状态
Jquery手机发送短信之后，进入倒计时状态
在做手机网站开发的时候，难免发生意外。这时候，就是你展示人格魅力的时候啦！
下面是自己写的一个发送验证码给手机之后，进入的一个倒计时的效果
js代码，我可是连<script type="text/javascript">这种都贴出来啦！
<script type="text/javascript"> var InterValObj; var count = 60; var curCount; function sendMessage() { curCount = count; $("#sendMessage").attr("disabled", "true"); $("#sendMessage").parent().children().first().children().text("在" + curCount + "秒之后重发"); $("#sendMessage").val("在" + curCount + "秒之后重发"); InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次 } //timer处理函数 function SetRemainTime() { if (curCount == 0) { window.clearInterval(InterValObj); //停止计时器 $("#sendMessage").removeAttr("disabled"); //启用按钮 $("#sendMessage").parent().children().first().children().text("重新发送"); $("#sendMessage").val("重新发送"); } else { curCount--; $("#sendMessage").val("在" + curCount + "秒之后重发"); $("#sendMessage").parent().children().first().children().text("在" + curCount + "秒之后重发"); } }</script>Html代码，就一个按钮
<input type="button" id="sendMessage" value="发送信息" />
当然了 你还得引用最重要的库文件。
<link href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css"><script src="jquery的库文件" type="text/javascript"></script><script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
这都不是最重要的，重要的是 没有引用啊~
于是js加上一句：
$(function () { $("#sendMessage").click(function () { sendMessage(); }) })
最后的效果，在谷歌里面如下：
点击之后
很期待下次与大家的分享，不要问我是谁，请叫我红领巾。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。