MUI 获取验证码

版权声明： https://blog.csdn.net/dreamxie0326/article/details/81517379

获取验证码其实也不是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);
			}

就这么简单，随便写写