js中倒计时_js倒计时特效

js中倒计时_js倒计时特效利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用html:获取校验码JS: vari; functiongetCode(){ $(“#code”).attr({“disabled”:”disabled”}); i=self.setInterval(“countdown()”,1000); } varint=1

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

利用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.net/185954.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月4日 下午6:00
下一篇 2022年10月4日 下午6:16


相关推荐

  • TF-IDF算法介绍及实现「建议收藏」

    TF-IDF算法介绍及实现「建议收藏」目录1、TF-IDF算法介绍(1)TF是词频(TermFrequency)(2)IDF是逆向文件频率(InverseDocumentFrequency)(3)TF-IDF实际上是:TF*IDF2、TF-IDF应用3、Python3实现TF-IDF算法4、NLTK实现TF-IDF算法5、Sklearn实现TF-IDF算法6、Jieba实现TF-IDF算…

    2022年6月12日
    65
  • 以太坊Geth RLP编码源码解析

    以太坊Geth RLP编码源码解析RLP 编码基本原理 RLP RecursiveLen 编码唯一的目的是解决结构体编码问题 RLP 编码设计的两个结构体分别为 String 和 List 它们的定义如下 String 指的是一串字节 对应 Go 语言中的 string byte uint uint N uint 等 List 指定是由许多 String 和 List 组成的一个列表 如 struct interface 等比如 x11 x22 x33 和 abc 为 String 类型 而 ab

    2026年3月16日
    3
  • acwing-393. 雇佣收银员(差分约束)

    acwing-393. 雇佣收银员(差分约束)一家超市要每天 24 小时营业,为了满足营业需求,需要雇佣一大批收银员。已知不同时间段需要的收银员数量不同,为了能够雇佣尽可能少的人员,从而减少成本,这家超市的经理请你来帮忙出谋划策。经理为你提供了一个各个时间段收银员最小需求数量的清单 R(0),R(1),R(2),…,R(23)。R(0) 表示午夜 00:00 到凌晨 01:00 的最小需求数量,R(1) 表示凌晨 01:00 到凌晨 02:00 的最小需求数量,以此类推。一共有 N 个合格的申请人申请岗位,第 i 个申请人可以从 ti 时刻开始

    2022年8月9日
    12
  • skimage 安装

    skimage 安装正确安装指令应该是 condainstall image

    2026年3月19日
    2
  • 正向代理和反向代理的区别

    正向代理和反向代理的区别1 概念正向代理是一个位于客户端和目标服务器之间的代理服务器 中间服务器 为了从原始服务器取得内容 客户端向代理服务器发送一个请求 并且指定目标服务器 之后代理向目标服务器转交并且将获得的内容返回给客户端 正向代理的情况下客户端必须要进行一些特别的设置才能使用 反向代理正好相反 对于客户端来说 反向代理就好像目标服务器 并且客户端不需要进行任何设置 客户端向反向代理发送请求 接着反向代理判

    2026年3月26日
    2
  • 网络安全-自学笔记

    网络安全-自学笔记目录WEB(应用)安全前端安全xss攻击后端安全文件上传漏洞WebShell解析安全数据安全sql注入通信安全WEB(应用)安全前端安全xss攻击后端安全文件上传漏洞WebShell解析安全数据安全sql注入网络安全-sqlmap学习笔记通信安全网络-http协议学习笔记(消息结构、请求方法、状态码等)…

    2022年6月9日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号