首页 > 开发 > JS > 正文

基于JavaScript实现手机短信按钮倒计时(超简单)

2024-05-06 16:27:06
字体:
来源:转载
供稿:网友
在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面小编通过本篇文章给大家分享一段代码关于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实现手机短信按钮倒计时的全部叙述,希望大家喜欢。



注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表