如何给按钮设置倒计时？

口水话少说，直接上代码：

<form style="padding: 5px 10px; color: #338fff;"><input disabled="disabled" type="checkbox" value="注册" id="button" /><span style="color: red;">*</span>本人已认真阅读以上条款。不存在以上情形。<span id="countdown" style="color: red;">10</span>秒后可勾选</form><script type="text/javascript">window.setTimeout("countdown()",1000);//功能：倒计时减1function countdown(){//找到spanvar s = document.getElementById("countdown");//判断if(parseInt(s.innerHTML)<=0){document.getElementById("button").removeAttribute("disabled");}else{//获取内容，减1之后再交给spans.innerHTML = parseInt(s.innerHTML)-1;//每隔一秒调一次该方法window.setTimeout("countdown()",1000);}        }
</script>

效果如下：

如何给按钮设置倒计时？相关推荐

【制作微课的软件】Focusky教程 | 设置倒计时功能
Focusky(也称为"FS软件")的倒计时功能,是指在Focusky作品上,全程演示显示倒计时的时间--剩余多少时间,以方便您演讲时控制好演讲时间,也方便观众知道还有多久演讲完毕 ...
安卓按钮设置背景颜色不管用_MIUI10新功能：时钟背景黑白自选、公交卡自定义时段唤起...
经历清明假与米粉节后,MIUI10恢复开挂模式,开发版每周给大家推送新功能.本期主要跟大家分享两个要点,其一是时钟背景颜色支持用户选择黑色或者白色,其二是NFC刷卡支持设置优先唤醒时间,降低手工切换操 ...
js php 获取时间倒计时_,JS实现获取时间和设置倒计时代码分享
本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家. 只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置: var timeBox = documen ...
【微信公众号开发】四、公众号按钮设置及自己的微信按钮编辑器
文章详情:[微信公众号开发]四.公众号按钮设置及自己的微信按钮编辑器链接:https://www.microanswer.cn/blog/14
计算机休眠按钮是哪个,电源按钮设置成睡眠好还是休眠好?
电源按钮设置成睡眠好还是休眠好?只有数量很少的朋友才会对自己的电脑精雕细琢!连电源选项设置都要照顾到!好多朋友对电源按钮有误解,以为按下电源键就是关机,实际上电子技术发展到今天,出于保护电脑硬件的考虑 ...
考试倒计时33天,怎么在电脑便签上设置倒计时
在我们的一生中,会遇到多次比较重要的考试.想要顺利通过考试,必须有充足的时间复习.距离考试越近,复习就越不能放松,考试倒计时在这个时候就显得非常有必要.那么距离考试33天,考试倒计时怎么设置呢? 如果 ...
Qt 窗口操作函数（置顶、全屏，最大化最小化按钮设置等）
一.窗口置顶与取消置顶 void MainWindow::on_windowTopButton_clicked() {if (m_flags == NULL){m_flags = windowFl ...
Udesk即时通讯网页插件：按钮设置
作者:张振琦前篇我们介绍了Udesk即时通讯网页插件的创建以及如何使用.在网页插件的管理页面内除了基本信息还有其他的一些选项卡,按钮设置.窗口设置.邀请设置.导航菜单和其他设置. 本篇来介绍一下按钮 ...
微信小程序设置倒计时效果
效果微信小程序设置倒计时步骤 1.设置一个定时器,然后将时间设为一秒 2.在这个函数里将当前时间距终止的时间,的时间戳的差值减一 3.计算剩余的时间,还剩的时分秒等 4.将计算的时间保存到data中 ...

如何给按钮设置倒计时？

如何给按钮设置倒计时？相关推荐

最新文章

热门文章