基于JavaScript实现手机短信按钮倒计时(超简单)
更新时间：2015年12月30日 15:40:03 作者：我_爱编程
在淘宝等购物网站，我们都会看到一个发送短信倒计时的按钮，究竟是如何实现的呢？下面小编通过本篇文章给大家分享一段代码关于js实现手机短信按钮倒计时，需要的朋友参考下
在淘宝等购物网站，我们都会看到一个发送短信倒计时的按钮，究竟是如何实现的呢？下面我就给大家提供一段代码很实用的。
废话不多说了，直接给大家贴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实现手机短信按钮倒计时的全部叙述，希望大家喜欢。
相关文章
这篇文章主要介绍了微信小程序 搜索框组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要为大家详细介绍了基于javascript实现移动端上的触屏拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
这篇文章主要介绍了使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条效果,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回，感兴趣的朋友一起来学习2015-08-08
这篇文章主要介绍了8 个有用的JS技巧(推荐)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-07-07
本篇文章主要介绍了p5.js入门教程之简介和基本形状绘制，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
JavaScript获取表格（table）当前行的值、删除行、增加行
这篇文章主要介绍了JavaScript获取表格（table）当前行的值、删除行、增加行,本文直接给出代码示例,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JavaScript 处理树数据结构的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
这篇文章主要介绍了微信小程序实现折线图的示例代码，文中通过示例代码介绍的非常详细，对大家学习或者使用小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
本篇文章主要介绍了解决浏览器会自动填充密码问题的方法。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
最新评论