在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面小编通过本篇文章给大家分享一段代码关于 js 实现手机短信按钮倒计时,需要的朋友参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
在淘宝等购物网站,我们都会看到一个发送短信倒计时的按钮,究竟是如何实现的呢?下面我就给大家提供一段代码很实用的。
废话不多说了,直接给大家贴 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 实现手机短信按钮倒计时的全部叙述,希望大家喜欢。
来源: http://www.phperz.com/article/17/0217/267826.html