js中倒计时_js倒计时特效
JS 特效 倒计时
2023-06-13 09:14:48 时间
利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用
html:
<button id="code" class="btn btn-default" οnclick="getCode();">获取校验码</button>
JS:
<script type="text/javascript">
var i;
function getCode(){
$("#code").attr({"disabled":"disabled"});
i = self.setInterval("countdown()", 1000);
}
var int = 10
function countdown() {
document.getElementById("code").innerHTML = int + "秒后重新发送";
int--;
if(int<0){
i=window.clearInterval(i)//结束
int = 10; //重新赋值
$("#code").removeAttr("disabled").html("重新获取校验码");//将按钮可用
}
}
</script>
作者:itmyhome
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/185954.html原文链接:https://javaforall.cn
相关文章
- 添加鼠标滑过图片闪烁的js特效-jquery-opacity-rollover
- JS跳转代码_js中跳转页面路径
- JS常见加密 AES、DES、RSA、MD5、SHAI、HMAC、Base64(编码) - Python/JS实现
- Linux 安装node.js和npm教程详解程序员
- js取消页面超链接的方法详解编程语言
- JS reduce()和reduceRight()方法:对数组元素进行迭代(累加)
- 创建JS文件:在Linux下实现自动化任务(linux创建js文件)
- 使用JS控制Oracle数据库的更新(js控制oracle更新)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- js字符编码函数区别分析
- 仿打字特效的JS逐字出现的信息文字
- Jquery与JS两种方法仿twitter/新浪微博高度自适应无缝滚动实现代码
- js数组中删除重复值的代码小结
- 用JS实现一个TreeMenu效果分享
- 利用js实现在浏览器状态栏显示访问者在本页停留的时间
- js获取当前地址JS获取当前URL的示例代码
- js语法学习之判断一个对象是否为数组
- 使用js获取图片原始尺寸
- 使用原生JS实现弹出层特效