最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

如何用jquery实现六十秒倒计时

来源:动视网 责编:小采 时间:2020-11-27 19:33:37
文档

如何用jquery实现六十秒倒计时

如何用jquery实现六十秒倒计时:这篇文章主要介绍了关于用jquery实现六十秒倒计时,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来<!DOCTYPE html> <html> &l
推荐度:
导读如何用jquery实现六十秒倒计时:这篇文章主要介绍了关于用jquery实现六十秒倒计时,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来<!DOCTYPE html> <html> &l


这篇文章主要介绍了关于用jquery实现六十秒倒计时,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来

<!DOCTYPE html>
<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
 <title>60s倒计时</title>
 <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
 </head>
 <body>
 <input type="button" value="邮箱验证码" onclick="sendVerificationCode(this)" />
 
 <script type="text/javascript">
 //发送验证码按钮的60s倒计时
 var countdown = 60;
 function sendVerificationCode(obj) {
 if(countdown == 0) {
 obj.removeAttribute("disabled");
 obj.value = "重新获取";
 countdown = 60;
 return;
 } else {
 obj.setAttribute("disabled", true);
 obj.value = "重新(" + countdown + ")";
 countdown--;
 }
 setTimeout(function() {
 sendVerificationCode(obj)
 }, 1000)
 }
 </script>
 </body>
</html>

文档

如何用jquery实现六十秒倒计时

如何用jquery实现六十秒倒计时:这篇文章主要介绍了关于用jquery实现六十秒倒计时,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下前端开发中经常用到的发送按钮倒计时,每次都是重写,挺麻烦的,记录一下,以后直接来<!DOCTYPE html> <html> &l
推荐度:
标签: 使用 60 六十秒
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top