原生js计时器(学习篇)

1、封装一个倒计时函数,这是一个秒的计时器，通常发送短信验证码使用

//倒计时
function daojishi(seconds, obj) {if (seconds > 1) {seconds--;$(obj).text(seconds + "秒后获取 ").attr("disabled", true).css("pointer-events","none"); //禁用按钮// 定时1秒调用一次setTimeout(function() {daojishi(seconds, obj);}, 1000);} else {$(obj).text("重新获取").attr("disabled", false).css("pointer-events","auto"); //启用按钮}
}

2、调用

<a href="javascript:void(0)" class="code" id="yanzhengb" onclick="handelAuthCode()">获取验证码</a>

//点击事件
function handelAuthCode(){var yanzhengb = document.getElementById('yanzhengb'); //获取验证码按钮var seconds = 60;//传入两个参数,第一个是秒，第二个是要显示的文本。daojishi(seconds,yanzhengb);
}

原生js计时器(学习篇)相关推荐

2048小游戏（原生js基础代码篇）
今天在这里,我将给各位呈现一个简单的游戏代码. 想必大家都接触过2048这个小游戏吧,在悠闲时间用于消遣时间最好不过了,那么,我给大家写一个2048最基本的原生js代码. HTML: <!DOC ...
【面试篇】寒冬求职季之你必须要懂的原生JS(中)
互联网寒冬之际,各大公司都缩减了HC,甚至是采取了"裁员"措施,在这样的大环境之下,想要获得一份更好的工作,必然需要付出更多的努力. 一年前,也许你搞清楚闭包,this,原型链,就 ...
jQuery学习（四）— jQuery的ready事件和原生JS的load事件的区别
jQuery学习(四)- jQuery的ready事件和原生JS的load事件的区别 jQuery的ready事件和原生JS的load事件的区别: 页面中可以有多个ready事件,而load事件会出现 ...
原生JS零魂之问（上）学习笔记‍
作为一个普通的JS初学者,从神三元大佬的知识梳理文章中受益匪浅,写下我的学习笔记吧. JS数据类型 function test(person) {person.age = 26person = {na ...
星级评价的代码php,JavaScript_使用jQuery实现星级评分代码分享，前面有一篇原生js实现星级评 - phpStudy...
使用jQuery实现星级评分代码分享前面有一篇原生js实现星级评分 .可能覆盖面不是很广,现在给出一个jquery实现的星级评分. http://s.thsi.cn/js/jquery-1.7.2. ...
2020年最新最全的前端面试题整理----原生JS篇
前言原生JS篇 JS是一种什么样的语言? 解释性脚本语言,代码不进行预编译主要用来向HTML页面添加交互行为可以直接嵌入HTML页面,但单独写成JS文件有利于结构和行为的分离跨平台性,在绝大多 ...
JavaScript之后端Web服务器开发Node.JS基本模块学习篇
JavaScript之后端Web服务器开发Node.JS基本模块学习篇基本模块 fs文件系统模块 stream支持流模块 http crypto加密模块基本模块因为Node.js是运行在服务区端 ...
【每日一练】原生js仿淘宝主图放大镜功能，附学习源码
在我们的项目中,经常会遇到各种功能效果的实现,对于每一项功能的实现方式,都有很多种,这些实现方式没有好坏之分,只有适合与否,但是我个人建议,如果项目急就选择自己擅长的方式实现,比较完成工作更加重要嘛. ...
【学习随记】原生js canvas 画海报
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

原生js计时器(学习篇)

1、封装一个倒计时函数,这是一个秒的计时器，通常发送短信验证码使用

2、调用

原生js计时器(学习篇)相关推荐

最新文章

热门文章