首页 > 编程 > JavaScript > 正文

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

2019-11-20 10:53:35
字体:
来源:转载
供稿:网友

在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面我就给大家提供一段代码很实用的。

废话不多说了,直接给大家贴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实现手机短信按钮倒计时的全部叙述,希望大家喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表