下面小编就为大家带来一篇点击按钮出现 60 秒倒计时的简单 js 代码 (推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
点击按钮出现 60 秒倒计时的简单 js 代码 (推荐)
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>
- 点击按钮出现60秒倒计时的简单js代码(推荐)
- </title>
- <script type="text/javascript" src="js/jquery.js">
- </script>
- </head>
- <body>
- <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)"
- />
- <script type="text/javascript">
- var countdown = 60;
- function settime(val) {
- if (countdown == 0) {
- val.removeAttribute("disabled");
- val.value = "免费获取验证码";
- countdown = 60;
- } else {
- val.setAttribute("disabled", true);
- val.value = "重新发送(" + countdown + ")";
- countdown--;
- }
- setTimeout(function() {
- settime(val)
- },
- 1000)
- }
- </script>
- </body>
- </html>
以上这篇点击按钮出现 60 秒倒计时的简单 js 代码 (推荐) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0226/265064.html