MUI 获取验证码

获取验证码其实也不是MUI框架的东西,只是一些JS,刚好写注册和忘记密码页面的时候需要了,就把他记下来,以后哪里需要写哪里,可以单独写一个js文件,写create_code(num)方法,用于获取num位随机数字,然后生成一个定时器,具体代码如下,可以砍详细的注释

/*获取num位数字验证码*/
function create_code(num){
				var arr=[0,1,2,3,4,5,6,7,8,9]; 
				//获取1-10随机数字
				//Math.floor(Math.random()*10+1);
				var create_code = '';
				for(var k = 0; k< num; k++){
					create_code += arr[Math.floor(Math.random()*10+1)-1];
				}
				return create_code;
			}

//点击获取验证码
			var yzm = document.getElementById('yzm');
//是否可以点击【获取验证码按钮开关】
			var onOff = true;
//code_4用于注册信息时的验证,验证码,获取与输入的一致
			var code_4 = '';
			yzm.onclick = function(){
				//如果onOff标志false则,不执行任何操作
				if(!onOff)
					return;
				//循环周期30s
				var times = 30;
				//获取验证码
				var code = create_code(4);
								code_4 = code;
				//模拟短信发送,以后需要改成短信发送,在这里修改
				mui.toast(code);
				//使用定时器,一秒触发一次事件,如果结束,则关闭定时器
				var timer = setInterval(function(){
					//事件处理,一秒一次
					times--;
					if(times<1){
						//执行结束,则可以再次点击
						yzm.innerHTML = "获取验证码";
						onOff = true;
						clearInterval(timer);
					}else{
						var text = times+'s';
						yzm.innerHTML = text;
						onOff = false;
					}
				},1000);
			}

就这么简单,随便写写

你可能感兴趣的:(APP)