符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
小编给大家分享一下jQuery如何实现计时器功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
公司主营业务:成都网站建设、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出横山免费做网站回馈大家。
在写项目的过程中遇到要前端60秒发送验证码的业务需求,于是用到计时器的功能:
setInterval(function xxx(){ //业务逻辑 },隔多少时间执行一次)
60秒计时思路:
1、设置秒数:60s
2、设置内容:实时改变,秒数+内容
3、结束后:去掉按钮的disable,内容恢复原来样子
//计时器60秒 function timeInterval(){ $("#code_send_btn").html("60秒后重新获取邮箱验证码"); var timeSec = 59; var timeStr = ''; var codeTime = setInterval(function Internal(){ if (timeSec == 0){ $("#code_send_btn").html("获取邮箱注册码"); $("#code_send_btn").removeAttr("disabled","disabled"); clearInterval(codeTime); return; } timeStr = "("+timeSec+")获取邮箱注册码"; $("#code_send_btn").html(timeStr); timeSec--; },1000); }
以上是“jQuery如何实现计时器功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!