倒计时器

你好!这里有一种很牛的倒计时器, 当在验证在线考试,日期时间,游戏倒计时的时间的时候,多数是有用的

下面是需要使用JavaScript显示HTML网页的倒计时的代码

你明确了倒计时的范围(either <span> or <div> tag)和初始值,然后代码在HH:MM:SS格式下自动更新时间。
你也可以控制使用CSS标准的范围风格,正如下面的演示的一样和附带的代码。

你必须按照下面两个步骤来激活你的倒计时器

1. 包含附带的Countdown.js 文件:


<script type="text/javascript" src="CountDown.js"> <script>

2. 在这个部分的javascript如下:

<script type="text/javascript"> window.onload=WindowLoad; function WindowLoad(event) { ActivateCountDown("CountDownPanel", 100); } </script>



倒计时器面板是范围的ID(也就是说你应该有<span> or <div> with this ID,100应该是以秒倒计时)。

这是CountDown.js 文件
var _countDowncontainer=0;
var _currentSeconds=0;

function ActivateCountDown(strContainerID, initialValue) { _countDowncontainer = document.getElementById(strContainerID); if (!_countDowncontainer) { alert("count down error: container does not exist: "+strContainerID+ "\nmake sure html element with this ID exists"); return; } SetCountdownText(initialValue); window.setTimeout("CountDownTick()", 1000); } function CountDownTick() { if (_currentSeconds <= 0) { alert("your time has expired!"); return; } SetCountdownText(_currentSeconds-1); window.setTimeout("CountDownTick()", 1000); } function SetCountdownText(seconds) { //store: _currentSeconds = seconds; //get minutes: var minutes=parseInt(seconds/60); //shrink: seconds = (seconds%60); //get hours: var hours=parseInt(minutes/60); //shrink: minutes = (minutes%60); //build text: var strText = AddZero(hours) + ":" + AddZero(minutes) + ":" + AddZero(seconds); //apply: _countDowncontainer.innerHTML = strText; } function AddZero(num) { return ((num >= 0)&&(num < 10))?"0"+num:num+"";
}





相关内容推荐

怎样用ASP压缩文件

多数的时候我们需要压缩文件,保存到特定的位置,或者你可以使用它实现所有你想要的效果。 我们需要服务器支持WScript.Shell-多数的站长都不会允许这样的。 这里你可以获取下载链接

用ASP生成Excel文件

用asp生成Excel文件不是像我认为的那么容易。我想这小段代码应该能帮助大家找到输出数据到csv和xls的方法。 %@LANGUAGE="VBSCRIPT" CODEPAGE="936"%meta http-equiv="Content-Type" content="text/html; charset=

实现多条件模糊查询SQL语句

很多网友问到如何写模糊查询语句和多条件查询,这里我整理了一下,假设以姓名、性别、电话号...作为数据库中的字段名。 通常写一个简单的模糊查询的SQL语句格式可以如下例: sq

html中用js调用ASP文件,实现静态页面动态显示

html中用js调用ASP文件,实现静态页面动态显示,比如HMTL文章的动态新闻评论等 ---简单版[调用代码,把他放哪儿,就在哪儿显示]-------- script language="javascript" src="asdf.asp"/script-----asdf.asp文

获得当前页面地址和来路地址

当前页面地址: html="http://" html=htmlRequest.ServerVariables("Server_Name") html=htmlRequest.ServerVariables("URL") ifrequest.ServerVariables("QUERY_STRING")""then html=html"?"Request.ServerVariables("QUERY_STRING") endif session("

返回
顶部