基于JavaScript实现手机短信按钮倒计时(超简单)
2015-12-30 00:00
951 查看
在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面我就给大家提供一段代码很实用的。
废话不多说了,直接给大家贴js代码了。
以上代码是本文给大家介绍的JavaScript实现手机短信按钮倒计时的全部叙述,希望大家喜欢。
js实现的倒计时按钮实例
JS自动倒计时30秒后按钮才可用(两种场景)
js代码实现点击按钮出现60秒倒计时
废话不多说了,直接给大家贴js代码了。
/* 120秒手机短信按钮倒计时 */ exports.sendmessage = function (name) { var second = 120; $(name).attr("disabled", true); var color = $(name).css('background-color'); $(name).attr("style", "background-color : #c1c1c1"); function update(num) { if (num == second) { $(name).attr("style", "background-color : "+color); $(name).text("获取验证码"); $(name).attr("disabled", false); } else { var printnr = second - num; $(name).text(printnr + "秒后获取"); } } function uupdate(i) { return function () { update(i); } } for (var i = 1; i <= second; i++) { setTimeout(uupdate(i), i * 1000); } }
以上代码是本文给大家介绍的JavaScript实现手机短信按钮倒计时的全部叙述,希望大家喜欢。
您可能感兴趣的文章:
js实现点击注册按钮开始读秒倒计时的小例子js实现的倒计时按钮实例
JS自动倒计时30秒后按钮才可用(两种场景)
js代码实现点击按钮出现60秒倒计时
相关文章推荐
- JavaScript的对象、this、类和prototype
- seajs 源码 学习心得
- 常用的js校验比较全
- js 中{},[]中括号,大括号的使用
- 【ExtJs】 ExtJs4.2 基本表单组件的使用
- 跟李炎恢老师学习Javascript
- knockoutjs一 关于knockoutjs
- juqery.form.js在提交表单前修改某个值的方法
- jsp页面ckeditor配置
- javascript canvas 实现下雪效果 圣诞节专用
- Javascript Event
- js窗体滚动加载数据事件
- js遍历获取表格内数据方法
- JavaScript高级程序设计第15章(使用Canvas)
- 原生js获取 id name tagName的封装
- JavaScript字符串的操作
- JS之相册拖动管理
- JS之改变盒子颜色
- js 点号 中括号
- js入门基础