社会佳

注册随机验证码

获取验证码提交

var inp = document.getElementById('input');

var btn = document.getElementById('btn');

var a = Math.floor(Math.random() * (9999 - 1000 + 1) + 1000);

console.log(a);

btn.onclick = function() {

if(btn.innerHTML == '获取验证码') {

alert('您的验证码:' + a)

btn.innerHTML = "60秒后获取验证码";

//用来当秒数的

var i = 59;

//执行

var xh = setInterval(function() {

btn.innerHTML = i + "秒之后获取"

i--;

if(i == 0) {

clearInterval(xh);

btn.innerHTML = "获取验证码";

}

}, 1000);

}

}

var btns = document.querySelector('.btns');

btns.onclick = function() {

if(inp.value == a) {

alert('验证通过,正在跳转....');

location = './new_file.html'; //#设定跳转的链接地址

} else {

alert('验证失败,重新尝试')

}

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,379评论 2 17
  • 注册随机表单 var user = document.getElementById('username'); va...
    社会佳阅读 1,352评论 0 0
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,367评论 1 10
  • 购物车 Document table { text-align: center;...
    社会佳阅读 1,046评论 0 0
  • 今年年初买京津冀亲子年票的初衷就是,倒逼自己利用周末、节假日期间多带孩子出去走走、看看、玩玩,多体验,增长见闻。因...
    涵妈说育儿阅读 11,937评论 0 4