这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 发送短信倒计时的简单实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
如下所示:
- <!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">
- <meta charset="utf-8">
- <head>
- <script src="jquery-2.1.4.min.js" type="text/javascript">
- </script>
- <script type="text/javascript">
- var InterValObj; //timer变量,控制时间
- var count = 120; //间隔函数,1秒执行
- var curCount; //当前剩余秒数
- function sendMessage() {curCount = count; //设置button效果,开始计时
- $("#btnSendCode").attr("disabled", "true");
- $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
- InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
- //向后台发送处理数据
- $.ajax({type: "POST",
- //用POST方式传输
- dataType: "text",
- //数据格式:JSON
- url: 'Login.ashx',
- //目标地址
- data: "dealType=" + dealType + "&uid=" + uid + "&code=" + code,
- error: function(XMLHttpRequest, textStatus, errorThrown) {},
- success: function(msg) {}
- });
- }
- //timer处理函数
- function SetRemainTime() {
- if (curCount == 0) {
- window.clearInterval(InterValObj); //停止计时器
- $("#btnSendCode").removeAttr("disabled"); //启用按钮
- $("#btnSendCode").val("重新发送验证码");
- } else {
- curCount--;
- $("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
- }
- }
- </script>
- </head>
- <body>
- <input id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()"
- />
- </p>
- </body>
- </html>
以上这篇 js 发送短信倒计时的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0529/332000.html