js小功能实现

发送随机数手机验证码60秒倒计时

     mm.mobileCheck = function(t){
                var mobile = $("#user_mobile").val();
                if(""===$.trim(mobile)){
                        $.sscmpMsg().showWarnMessage("请输入手机号码!");
                        return;
                }
                $(t).attr(‘disabled‘, ‘disabled‘);
                var chars = [‘0‘,‘1‘,‘2‘,‘3‘,‘4‘,‘5‘,‘6‘,‘7‘,‘8‘,‘9‘];
                var code = [];
                code.push(chars[parseInt(10*Math.random())]);
                code.push(chars[parseInt(10*Math.random())]);
                code.push(chars[parseInt(10*Math.random())]);
                code.push(chars[parseInt(10*Math.random())]);
                var codeStr = code.join(‘‘);

                mm.apiAjax({
                        url: path.u(‘/index/sms/registerCard‘),
                        data: {
                                user_mobile: mobile,
                                code:codeStr
                        },
                        success: function (data) {
                        }
                 });
                $("#mobile_code").val(codeStr);
                var s = 60;
                var task = setInterval(function(){
                        if(s<1){
                                clearInterval(task);
                                $(t).removeAttr(‘disabled‘);
                                $(t).text("重新发送");
                                return;
                        }
                        s = s-1;
                        $(t).text(s.toString()+"秒");
                        }, 1000 );
        }
时间: 2024-12-25 08:49:16

js小功能实现的相关文章

JS小功能之:五角星评论

主题:使用jquery.raty.min.js组件来实现五角心评论 准备工作: 1.下载jquery.raty.min.js组件 2.在项目中建立一个文件夹,名字为:images.里面放两张图片:分别为:和 效果展示: 具体代码: 前段代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index6.aspx.cs" Inherits="SetTimeOut.

js小功能:定时器之滑动的ul

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> ul{margin: 0;padding: 0;} li{list-style: none} .box{width: 100px;height: 150px;margin: 100px auto;position: relative;overflow:

js小功能 BUTTON防止暴力点击运行的JS

//BUTTON防止暴力点击运行的JSvar BTN_METHOD = function(fn){    if(fn){        fn.call(this);        this.onclick=null;        var that = this;  var btn = $(this);        var oc=btn.attr('class');         btn.attr("disabled", "disabled");        

常用又容易忘记的JS小功能合集 本贴收集信息为自用,如果能帮到您,实属荣幸

本贴收集信息为自用,如果能帮到您,实属荣幸 jquery ajax 异步 async为flase,同步为true或者不增加此参数 1 $.ajax({ 2 type: "GET", 3 async: false, 4 url: "", 5 data: "", 6 contentType: "application/x-www-form-urlencoded; charset=utf-8", 7 success: functio

js小功能

1 删除左右两端的空格 //删除左右两端的空格 function trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 2 判断是否为空 //判断是否为空 function isEmpty(s) { return ((s == undefined || s == null || s == "") ? true : false); } 3 判断输入数字是否为整数 //判断输入的字符是否为整数 function

JS小插件之2——cycle元素轮播

元素轮播效果是页面中经常会使用的一种效果.这个例子实现了通过元素的隐藏和显示来表现轮播效果.效果比较简单. 效果图如下: 源代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" Content="text/html; charset=utf-8;"> 5 <title> cycle demo </titl

用angular方法简单实现了吃了么搜索小功能,还不太完善,后续会继续添加新内容。

最近接触了Angular框架,今天用里面的http请求方法做了一个小的案例,是一个查询地名获取附近美食的小案例.还不太完善,后面面有时间会继续添加新的内容.这个小案例没有用到任何的jQuery与原生js方法. 先上HTML结构代码与HTML结构中的angular指令. <body ng-app="app"> <div ng-controller="con" id="con"> <h1>吃了么</h1>

写个js小工具自动生成博文目录

我们在写博客的时候,如果博文里面有目录,会给人结构清晰.一种一目了然的感觉,看目录就知道这篇博文要讲解的内容,并且点击目录标题就可以跳转到具体的内容,这样园友们在看博客的时候就可以很方便地浏览自己感兴趣的内容,但是遗憾的是博客园不支持博文目录的生成,好像也有园友给博客园提建议,希望能够像CSDN那样能够自动生成博文目录,但是不知道是什么原因,博客园一直都没有把这个功能加上去,既然没有,那我就自己做吧,研究了2天,总算是按照自己的设想做出来了,最终效果如下: 下面来介绍一下这个小工具的实现. 一.

javascript实现的一个信息提示的小功能/

//什么状况.CSDN的排版怎么这么多状况,还是本人太次?调整几次都没弄好.最后一遍了-- 最近由于公司业务问题.须要做一些面向公众的平台,于是对UI要求会高一点, 对于传统的alert的这样的方式来提示用户操作错误显然会非常影响客户体验.于是做了一个小功能,来替代原本的alert.话不啰嗦,先上效果图. watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDU3MTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0