编程 Javascript

js实现n秒倒计时后才可以点击的效果

Posted in Javascript onDecember 20, 2015

在我们进行注册用户时经常遇到点击按钮后，60秒倒计时后才能继续可以点击，按钮上还能显示倒计时，这60秒时间就是为大家提供”细阅读协议“做准备的，这种功能是如何实现的，下面为大家分享详细代码。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>倒计时然后才可以点击效果代码</title> 
<script type="text/javascript">
var s=4;
function countsub()
{
 var btnReg=document.getElementById("btnReg");
 if(btnReg)
 {
 if(s<=0)
 {
  btnReg.value="同意";
  btnReg.disabled=false;
  clearInterval(id);
 }
 else
 {
  btnReg.value="请仔细阅读协议(还剩"+s+"秒)";
  s--;
 }
 }
}
var id = setInterval('countsub()',1000)
</script>
</head>
<body>
<textarea>注册协议</textarea>
<input id="btnReg" type="button" value="同意" disabled="true" />
</body>
</html>

希望本文所述对大家学习javascript程序设计有所帮助。

js实现n秒倒计时后才可以点击的效果

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

List the Codec Files on a Computer

Jun 18 Javascript

基于jQuery的表格操作插件

Apr 22 Javascript

javascript利用apply和arguments复用方法

Nov 25 Javascript

js生成的验证码的实现与技术分析

Sep 17 Javascript

js读取json的两种常用方法示例介绍

Oct 19 Javascript

关于数据与后端进行交流匹配(点亮星星)

Aug 03 Javascript

jQuery基于BootStrap样式实现无限极地区联动

Aug 26 Javascript

AngularJS动态生成div的ID源码解析

Aug 29 Javascript

jquery实现折叠菜单效果【推荐】

Mar 08 Javascript

深入理解React Native原生模块与JS模块通信的几种方式

Jul 24 Javascript

微信小程序实现获取小程序码和二维码java接口开发

Mar 29 Javascript

一起来了解一下JavaScript的预编译(小结)

Mar 01 Javascript

图解js图片轮播效果

Dec 20 #Javascript

谈谈我对JavaScript原型和闭包系列理解(随手笔记6)

Dec 20 #Javascript

基于jquery实现页面滚动到底自动加载数据的功能

Dec 19 #Javascript

js点击按钮实现带遮罩层的弹出视频效果

Dec 19 #Javascript

js获取本机操作系统类型的两种方法

Dec 19 #Javascript

javascript精确统计网站访问量实例代码

Dec 19 #Javascript

js实现图片轮播效果

Dec 19 #Javascript

You might like

谈谈PHP中substr和substring的正确用法及相关参数的介绍

2015/12/16 PHP

ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题

2012/12/11 Javascript

jQuery setTimeout()函数使用方法

2013/04/07 Javascript

7款风格新颖的jQuery/CSS3菜单导航分享

2013/04/23 Javascript

jquery中push()的用法(数组添加元素)

2014/11/25 Javascript

js读取csv文件并使用json显示出来

2015/01/09 Javascript

详解JavaScript函数

2015/12/01 Javascript

JavaScript中数组去除重复的三种方法

2016/04/22 Javascript

JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)

2016/09/23 Javascript

vue插件tab选项卡使用小结

2016/10/27 Javascript

bootstrap Table的一些小操作

2017/11/01 Javascript

初探js和简单隐藏效果的实例

2017/11/23 Javascript

vue form 表单提交后刷新页面的方法

2018/09/04 Javascript

其实你可以少写点if else与switch（推荐）

2019/01/10 Javascript

[05:56]第十六期——新进3大C之小兔基

2014/06/24 DOTA

[03:14]辉夜杯主赛事 12月25日每日之星

2015/12/26 DOTA

python微信公众号之关键词自动回复

2018/06/15 Python

python实现字符串和字典的转换

2018/09/29 Python

Python之两种模式的生产者消费者模型详解

2018/10/26 Python

python3实现斐波那契数列(4种方法)

2019/07/15 Python

python爬虫模拟登录人人网过程解析

2019/07/31 Python

Python及Pycharm安装方法图文教程

2019/08/05 Python

python小程序基于Jupyter实现天气查询的方法

2020/03/27 Python

浅谈在JupyterNotebook下导入自己的模块的问题

2020/04/16 Python

sqlalchemy实现时间列自动更新教程

2020/09/02 Python

私有程序集与共享程序集有什么区别

2013/04/05 面试题

化工专业应届生求职信

2013/11/08 职场文书

市场营销求职信范文

2014/02/21 职场文书

学校节能减排倡议书

2014/05/16 职场文书

建筑施工安全生产责任书

2014/07/22 职场文书

2014年六五普法工作总结

2014/11/25 职场文书

异地恋情人节寄语

2015/02/28 职场文书

新闻稿标题

2015/07/18 职场文书

党性修养心得体会2016

2016/01/21 职场文书

Mysql binlog日志文件过大的解决

2021/10/05 MySQL

华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能

2023/01/09 数码科技