Js获取短信验证码倒计时前端效果

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  2. <html xmlns=“http://www.w3.org/1999/xhtml”>
  3. <head>
  4. <title></title>
  5. <script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js” type=“text/javascript”></script>
  6. <script type=“text/javascript”>
  7. /*——————————————-*/
  8. var InterValObj; //timer变量,控制时间
  9. var count = 120; //间隔函数,1秒执行
  10. var curCount;//当前剩余秒数
  11. var code = “”; //验证码
  12. var codeLength = 6;//验证码长度
  13. function sendMessage() {
  14.     curCount = count;
  15.     var phone=$(“#phone”).val();//手机号码
  16.     if(phone != “”){
  17.         //产生验证码
  18.         for (var i = 0; i < codeLength; i++) {
  19.             code += parseInt(Math.random() * 9).toString();
  20.         }
  21.         //设置button效果,开始计时
  22.         $(“#btnSendCode”).attr(“disabled”, “true”);
  23.         $(“#btnSendCode”).val(“请在” + curCount + “秒内输入验证码”);
  24.         InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
  25.     //向后台发送处理数据
  26.         $.ajax({
  27.             type: “POST”, //用POST方式传输
  28.             dataType: “text”, //数据格式:JSON
  29.             url: ‘Login.ashx’, //目标地址
  30.             data: “phone=” + phone + “&code=” + code,
  31.             error: function (XMLHttpRequest, textStatus, errorThrown) { },
  32.             success: function (msg){ }
  33.         });
  34.     }else{
  35.         alert(“手机号码不能为空!”);
  36.     }
  37. }
  38. //timer处理函数
  39. function SetRemainTime() {
  40.     if (curCount == 0) {
  41.         window.clearInterval(InterValObj);//停止计时器
  42.         $(“#btnSendCode”).removeAttr(“disabled”);//启用按钮
  43.         $(“#btnSendCode”).val(“重新发送验证码”);
  44.         code = “”; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效
  45.     }
  46.     else {
  47.         curCount–;
  48.         $(“#btnSendCode”).val(“请在” + curCount + “秒内输入验证码”);
  49.     }
  50. }
  51. </script>
  52. </head>
  53. <body>
  54. <form>
  55.     <div>
  56.         <font color=“red”>*</font>手机号码:
  57.     </div>
  58.     <div>
  59.         <input type=“text” id=“phone” name=“phone”/>
  60.     </div>
  61.     <div>
  62.         <font color=“red”>*</font>验证码:
  63.     </div>
  64.     <div>
  65.         <input type=“text” id=“checkCode” name=“checkCode” size=“6”/>
  66.         <input id=“btnSendCode” type=“button” value=“发送验证码” onclick=“sendMessage()” />
  67.     </div>
  68. </form>
  69. </body>
  70. </html>

Yoast SEO安装及汉化包 Yoast SEO Meta Box元包是什么

WordPress平台上扩展插件极多,也不乏许多优秀的SEO插件,这里我向大家推荐这款名叫 Yoast SEO 的 SEO 插件。Yoast SEO插件不论在大体的呈现上还是细节的优化把握都非常好,是不可多得的好插件,相比 All in one seo pack 做的更加优秀。

无论使用哪一款优化插件,都请记住一点:内容与用户体验永远为王!

Yoast SEO 插件在安装启用后会弹出类似向导一样的对话框,直接关闭即可,因为这个向导主要是针对国外用户,国内用户看我这里就好。

Yoast SEO 插件也随之更新为 3.1以上 版本。以下内容与新版大同小异。顺便附上适用于截至此时插件的 100% 汉化语言包:

汉化包下载:http://pan.baidu.com/s/1slh5oAx
汉化包安装位置,复制到此目录即可:/wp-content/plugins/wordpress-seo/languages/

wordpress4.0以上怎么添加友情链接功能

wordpress4.0 版本,虽然是最新的版本,但是里面有一些功能消失了,比如我要在网站首页添加友情链接,但是始终找不到在哪里添加,wordpress4.0怎么添加友情 链接功能?我想首先要将wordpress本身自带的链接管理功能找到并恢复,查找了一些wordpress资料,有的说用Link Manager插件,有的说用菜单来解决,但我觉得都不怎么样,后来我终于找到了一个解决wordpress4.0怎么添加友情链接的办法。

下面就记录一下操作步骤:

继续阅读“wordpress4.0以上怎么添加友情链接功能”

360google字体加速方案wordpress fonts.googleapis.com 加载慢解决

最近,有网友反映称谷歌官网域名google.com、谷歌香港google.com.hk都打不开, ping了一下google.com和google.com.hk两个域名的服务器情况,最后ping出来的IP地址均显示为“美国”,也就是说谷歌香港(google.com.hk)的服务器,已由香港转移至美国,所以链接时间会很长,甚至断断续续出现请求超时的情况。 继续阅读“360google字体加速方案wordpress fonts.googleapis.com 加载慢解决”

没事干我们揭秘一下如何刷网站的权重

今天没事干我们揭秘一下如何刷网站权重。

第一,需要明白影响百度权重的因素

假设你的网站有一个关键词在百度有排名,如果这个关键词的百度指数很高的话,那这个网站的百度权重一定会很高。所以从上图可以看出,那个网站的域名关键词指数很高,所以这个网站的权重就很高。 继续阅读“没事干我们揭秘一下如何刷网站的权重”

select下拉菜单跳转JS

<select onchange=”window.location=this.value;”>
<option value=”a.html”>用户管理</option>
<option value=”b.html”>用户</option>
</select>
注意onchange部分,这样即可以实现跳转了

广东省惠州市公安局原局长洪永林遗憾没喝“路易十三”落马吃货局长盘点

全国“两会”上,山西省委书记王儒林痛批山西国信投资集团原董事长上官永清生活奢靡:长期饮用从韩国空运的牛奶。其实,不少贪官给人的印象是“爱吃”。

落马吃货局长盘点
落马吃货局长盘点

继续阅读“广东省惠州市公安局原局长洪永林遗憾没喝“路易十三”落马吃货局长盘点”