设置倒计时10秒可用的按钮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=gb2312" />
<title>按钮倒计时</title>

</head>

<body>
<p>
<label><input type="submit" name="btnSubmit" />
</label>
</p>

</body>
<script language="javascript">

var n = 10;//计数器
//document.all.btnSubmit.disabled = true;
    document.getElementById("btnSubmit").disabled = true;
function btnShow()
{
   str = "倒计时...";
   n--;
   if(n <=   0)
   {
    document.getElementById("btnSubmit").value = "提交";
    document.getElementById("btnSubmit").disabled = false;
   }
   else
   {
    document.getElementById("btnSubmit").value = str + n +"秒";
   }
}
    window.setInterval(btnShow,1000);

</script>
</html>

相关文章：

2021-11-23
2022-12-23
2022-12-23
2022-01-07
2021-11-17
2022-12-23
2021-07-19
2021-09-03

猜你喜欢

2022-12-23
2022-12-23
2022-12-23
2022-12-23
2021-11-28
2022-12-23

相关资源

下载 2022-12-27
下载 2021-06-05
下载 2023-03-21
下载 2022-12-31

相似解决方案

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode