js实现点击按钮倒计时激活代码-html代码-BFW代码库

js实现点击按钮倒计时激活代码

代码语言：html

所属分类：其他

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">


<style>
.demo{width:300px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:500px; margin:60px auto 10px auto}
}
.demo p{line-height:36px}
.button {
	display: inline-block;
	cursor:pointer;
	outline: none;
	text-align: center;
	text-decoration: none;
	font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #ededed;
}
.button:hover {
	text-decoration: none;
	background: #fff;
}
.button:active {
	position: relative;
	top: 1px;
	color: #999;
}

</style>
</head>

<body>

<div id="main">
	<h2 class="top_title">JS实现倒计时30秒后按钮才可用</h2>
	
	<div class="demo">
	<p>示例一：要求用户阅读完条款内容才能激活按钮</p>
	<form action="/" method="post" name="agree">
		<input type="submit" class="button" value="请认真查看<服务条款和声明> (30)" id="agree_btn" name="agreeb">
	</form>
	<br/>
	<br/>
	<br/>
	<p>示例二：要求用户激活短信通道向用户手机发送验证码</p>
	<form action="/" method=&quo.........完整代码请登录后点击上方下载按钮下载查看