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程序设计有所帮助。

Javascript 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
javawscript 三级菜单的实现原理
Jul 01 Javascript
jQuery下通过$.browser来判断浏览器.
Apr 05 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 Javascript
js数组转json并在后台对其解析具体实现
Nov 20 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
js代码延迟一定时间后执行一个函数的实例
Feb 15 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
vue实现循环切换动画
Oct 17 Javascript
JS实现的tab切换并显示相应内容模块功能示例
Aug 03 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 不错的学习资料
2009/02/06 PHP
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
wordpress之js库集合研究介绍
2007/08/17 Javascript
javascript 尚未实现错误解决办法
2008/11/27 Javascript
jquery的ajax请求全面了解
2013/03/20 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
js中for in的用法示例解析
2013/12/25 Javascript
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
微信小程序 闭包写法详细介绍
2016/12/14 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
小程序实现列表点赞功能
2018/11/02 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
Vue中props的详解
2019/05/16 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
在 Django/Flask 开发服务器上使用 HTTPS
2014/07/03 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
python爬取抖音视频的实例分析
2021/01/19 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
结构和类有什么异同
2012/07/16 面试题
成品仓管员工作职责
2013/12/29 职场文书
小学生评语集锦
2014/04/18 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
PHP新手指南
2021/04/01 PHP