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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • windows杀进程命令 杀不掉_windows杀掉进程

    windows杀进程命令 杀不掉_windows杀掉进程1丶获取某端口的进程netstat-ano|findstr80802丶获取任务列表tasklist|findstr148203丶杀进程taskkill/pid14820-t-f

    2025年9月14日
    8
  • MacBook 常用快捷键

    MacBook 常用快捷键MacOSX系统图形表示方法⇧=shift⌃=control⌥=option/altHome=fn+◄End=fn+►PageUp=fn+▲PageDown=fn+▼删除后一个字符(普通键盘的Delete)=fn+delete截图保存整个屏幕到桌面=shift+command+3保存整个屏幕到剪贴板=control+shift…

    2022年5月9日
    58
  • js二维码生成

    详细介绍可以查看API网站:http://code.ciaoca.com/javascript/qrcode/ (前端开发仓库)一、引入js文件&amp;lt;!– 第一步:引进js文件 –&amp;gt; &amp;lt;script type=”text/javascript” src=”js/jquery.min.js”&amp;gt; \ &amp;lt;script type=”text/java…

    2021年11月30日
    50
  • javaSE和javaEE的区别?

    javaSE和javaEE的区别?JavaEE 是指 JavaEnterpri Java 企业版 多用于企业级开发 包括 web 开发等等 也叫 J2EE JavaSE 通常是指 JavaStandard Java 标准版 就是一般 Java 程序的开发就可以 如桌面程序 可以看作是 JavaEE 的子集 Java 是一问语言 J2EE 是 Java 语言的一门使用技术 Java 为 J2EE 提供了库和语法 J2EE 使

    2025年8月15日
    4
  • 万能乘法速算法大全_小学数学指算法、加法、减法、乘法、除法简便运算方法大全,收藏…[通俗易懂]

    万能乘法速算法大全_小学数学指算法、加法、减法、乘法、除法简便运算方法大全,收藏…[通俗易懂]在小学数学的学习过程中,计算能力不过关的孩子,数学成绩普遍来说都不算特别理想。很多家长都在反映说,孩子数学成绩非常糟糕,其实很大的一个原因就是因为计算能力不过关。计算能力不仅对于孩子数学成绩的影响非常的大,对于其他各科的影响也是非常的大,可以毫不夸张的说,计算能力不过关的孩子,学习成绩都不是十分理想。根据我在一线教育从事了十几年的经验来说,很多其实都有他们的共同点,我发现孩子在学习数学的过程中遇到…

    2022年6月6日
    146
  • flutter的介绍和环境搭建(超详细)

    flutter的介绍和环境搭建(超详细)

    2021年10月1日
    50

发表回复

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

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