前端页面控制按钮可用时间

最新推荐文章于 2025-08-04 11:18:44 发布

原创最新推荐文章于 2025-08-04 11:18:44 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #html #前端

JAVA开发同时被 2 个专栏收录

24 篇文章

订阅专栏

前端开发

3 篇文章

订阅专栏

本文介绍了一种在H5页面中实现按钮定时任务的方法，通过JavaScript代码控制按钮的可用状态及显示时间倒计数。

最近在H5页面的使用过程中有用前端的一些小知识，在此处分享一下，先看下面代码

一、定时任务控制按钮的可用时间

  //控制按钮可用时间
     function reducetime(){
		  document.getElementById("sub").disabled = true;
		  document.getElementById("sub").value = 15;
		  window.setTimeout("tick()",1000);
		}
      
		function tick(){
		  var time = new Number(document.getElementById("sub").value);
		  if(time>0){
		    document.getElementById("sub").value = time-1;
		    window.setTimeout("tick()",1000);
		  }else{
		    document.getElementById("sub").disabled = false;
		  }
		}