等待10秒才可以点击的下载按钮

作者：佳明妈来源：懒人建站 2010-07-01 人气：

这个网页特效是一个倒计时等待10秒才可以点击的下载按钮，倒计时的时候按钮处于灰色不可点击状态。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>等待10秒才可以点击的下载按钮 - 懒人建站 www.51xuediannao.com</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
 <input type="submit" name="Submit" value="懒人建站下载" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var speed = 1000; //速度
var wait = 10; //停留时间
function updateinfo(){
  if(wait == 0){
    document.form1.Submit.value = "懒人建站下载";
    document.form1.Submit.disabled = false;
  }
  else{
    document.form1.Submit.value = "懒人建站 ^_^ 等待10秒"+wait;
    wait--;
    window.setTimeout("updateinfo()",speed);
  }
}
updateinfo();
</script>

<p>注意form 中的 id="form1" name="form1"，input 中的 name="Submit" 要和JS中的相对应</p>
<p>当然这个是UTF-8编码的，略懂网页基础知识的都明白怎么在utf-8和gb2312间随意转换，新手不懂的话，查看本站</p>

<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">
<span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站</a> 收集整理 我要学电脑.COM →www.51xuediannao.com </span><br>
<a href="http://www.51xuediannao.com">懒人建站</a> http://www.51xuediannao.com<br/>
<span>我们为您提供-
<a href="http://www.51xuediannao.com">HTML+CSS模板</a>，
<a href="http://www.51xuediannao.com">JS代码</a>，
<a href="http://www.51xuediannao.com">网页特效</a>，
<a href="http://www.51xuediannao.com">导航菜单</a>，
<a href="http://www.51xuediannao.com">焦点幻灯片<a>，
<a href="http://www.51xuediannao.com">网页欣赏</a>和
<a href="http://www.51xuediannao.com">CSS技巧</a>；</span>
<span>懒人建站只收录实用和能提高用户体验的代码</span>
<span>我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</span>
</div>
</body>
</html>

这个网页特效是一个倒计时等待10秒才可以点击的下载按钮，倒计时的时候按钮处于灰色不可点击状态

注意form 中的 id="form1" name="form1"，input 中的 name="Submit" 要和JS代码中的相对应

当然这个是UTF-8编码的，略懂网页基础知识的都明白怎么在utf-8和gb2312间随意转换，

新手不懂的话，查看本站 UTF-8和GB2312互转的最简单快捷的方法

↓ 查看全文

本文链接：等待10秒才可以点击的下载按钮https://www.51xuediannao.com/js/texiao/daojishianniu.html

等待10秒才可以点击的下载按钮由懒人建站收集整理，您可以自由传播，请主动带上本文链接

懒人建站就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。

等待10秒才可以点击的下载按钮

等待10秒才可以点击的下载按钮-最新评论

网页特效-热门文章

网页特效-推荐文章

活跃用户

等待10秒才可以点击的下载按钮

等待10秒才可以点击的下载按钮-相关文章

等待10秒才可以点击的下载按钮-最新评论

网页特效-热门文章

网页特效-推荐文章

活跃用户