网页倒计时练习

<!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>无标题文档</title>
</head>

<body>
<form>
  <input type="submit" name="b1" id="b1" value="同意(10)" disabled="disabled"/>
</form>
</body>
</html>
<script>
var n=10;
var a=document.getElementById("b1");
function bian()
{
    n--;
    if(n==0)
    {
        a.removeAttribute("disabled");
        a.value="同意";
        return;
        }
    else
    {
        a.value="同意("+n+")"
        window.setTimeout("bian()",1000);
        }
    }
window.setTimeout("bian()",1000);
</script>
时间: 2024-11-10 07:28:56

网页倒计时练习的相关文章

一个网页倒计时的实现

最近要做一个网站上的活动倒计时的功能.在网上搜了一下,网上关于js倒计时的代码倒是不少,但是正正可以应用到生产环境的则是少之又少. 比如我用到的这个就是这样的: var endDate=new Date(2014,7,25,23,59,59); var begin = new Date(); var intDiff=Math.round((endDate.getTime()-begin)/1000);//初始日期 function timer(intDiff){ window.setInterv

jquery版网页倒计时动态效果

<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>jquery版网页倒计时动态效果</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

小代码 &nbsp; html 自己网页倒计时跳转

<!--- 界面效果做到了 但函数还是在执行中---> <HTML> <HEAD>   <script language="javascript"> var secs = 20; //倒计时的秒数  var URL ="http://mzsts.host3v.com" ; function Load(){ for(var i=secs;i>=0;i--)    {     window.setTimeout('d

js之网页倒计时效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> window.onload=function(){ //倒计时函数 function djs(){ var fur_time=new Date(2017,5

超级简单JS网页倒计时代码

<script type="text/javascript"> // JavaScript Document function ShowTimes(){ var AfterTime= new Date("2014/05/25 00:00:00");//活动截止时间 LeaveTime = AfterTime - new Date(); LeaveDays=Math.floor(LeaveTime/(1000*60*60*24));//天 LeaveHou

JavaScript 倒计时(截止某日期的倒计时和截止每晚12点的倒计时以及固定时间倒计时)

截止某日期的倒计时和截止每晚12点倒计时: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <h1 id="divTime"></h1> </body> <script type="text/javascript&qu

网页计算器 &amp;&amp; 简易网页时钟 &amp;&amp; 倒计时时钟

<!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-

用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body> <div id="time"></div> <a href="#" onclick="stop()">停止</a> <script type="text/javascript"> var i=3; function changeTime(){ document.getElementById("time").innerHTM

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB