JS 禁用按钮10秒方法
2024-08-29 23:22:41
方式一:禁用10秒,10秒钟后可用
/**
* 按钮禁用10秒
* @param submitButtonName 按钮ID名
*/
function disabledSubmitButton(submitButtonName) {
$("#" + submitButtonName).attr({ "disabled": "disabled" }); //控制按钮为禁用
var timeoutObj = setTimeout(function () {
$("#" + submitButtonName).removeAttr("disabled");//将按钮可用
/* 清除已设置的setTimeout对象 */
clearTimeout(timeoutObj)
}, );
}
方式二:禁用10秒,10秒钟后可用,且有倒计时提示
/**
* 按钮禁用10秒,并显示倒计时
* @param submitButtonName 按钮ID名
* @param submitButtonText 按钮显示文本
*/
function disabledSubmitButton02(submitButtonName, submitButtonText) {
$("#" + submitButtonName).attr({ "disabled": "disabled" }); //控制按钮为禁用
var second = ;
var intervalObj = setInterval(function () {
$("#" + submitButtonName).text(submitButtonText + "(" + second + ")");
if (second == ) {
$("#" + submitButtonName).text(submitButtonText);
$("#" + submitButtonName).removeAttr("disabled");//将按钮可用
/* 清除已设置的setInterval对象 */
clearInterval(intervalObj);
}
second--;
}, );
}
最新文章
- Tomcat的目录结构
- Android驱动入门-LED--HAL硬件抽象层程序设计①
- python 集合set
- hdu 4280 最大流sap
- Python-爬虫初学
- 面向对象---prototype
- 基本的 HTML 标签 - 四个实例
- float:left居中对齐
- js 玩一玩
- vue jquery js 获取当前时间本周的第一天 和 本月的第一天
- C++ string类型占几个字节
- Jenkins+Jmeter持续集成笔记(四:定时任务和邮件通知)
- python简单制作GIF
- 「LuoguP1280」尼克的任务
- SpringBoot+kafka+ELK分布式日志收集
- [ZZ] 基于Matlab的标记分水岭分割算法
- 【转】Java生成图片验证码
- Multiple “order by” in LINQ(转载)
- (转)Java transient关键字使用小记
- RN NetInfo使用
热门文章
- c.a.o.c.p.inbound.mysql.rds.RdsBinlogEventParserProxy - prepare to find start position just show master status
- 乐字节Java学习01-Java语言概述,Java发展前景,Java的特点
- 第一周-----基本数据类型(primitive data type)
- 一个后端开发者的前端语言基础:JavaScript
- Windows下jmap命令报错问题
- 解决 pycharm [Errno 11001] getaddrinfo failed 错误提示!
- python 手机App数据抓取实战二抖音用户的抓取
- PAT(B) 1014 福尔摩斯的约会(Java)
- 模糊查询库的存储过程(SQLServer)
- (十一)Hibernate中的多表操作(1):单向一对多