`
javawangli
  • 浏览: 221419 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js实现的一个简单的考试倒计时

JavaScriptXHTMLHTML 
阅读更多

js实现的一个  简单的考试倒计时 

  html 代码：

<!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=gb2312" />
<title>无标题文档</title>
<SCRIPT LANGUAGE="JavaScript">   
<!--   
var maxtime =90*60  //以90分钟为例
function time(){   //定义函数 此函数名必须与触发事件的函数名一致
 if(maxtime>=0){   
 minutes = Math.floor(maxtime/60); //计算出分钟  
 seconds = Math.floor(maxtime%60);  //计算出秒 
 msg = "距离考试结束还有"+minutes+"分"+seconds+"秒"; 
 
 document.all["timer"].innerHTML=msg;   

 --maxtime;   
 }   
 else{   
 clearInterval(timer);   
 alert("时间到，考试结束!");   
 }   
  timer = setInterval("time()",1000);  
}   
   
//-->   
</SCRIPT>


</head>

<body>

<input type="button"  onclick="time()"  value="开始考试"/>

<span id="timer"/>

</body>
</html>

 

1
顶
4
踩
分享到：
| 仿谷歌，百度分页计算分析 代码实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS倒计时两种实现方式代码实例

    最近做浏览器界面倒计时，用js就实现，两种方式： 一：设置时长，进行倒计时。比如考试时间等等 代码如下： &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;简单时长倒计时&lt;/title&gt; ...

    jQuery倒计时

    倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛，如考试系统倒计时，团购网站中的优惠活动倒计时等等。今天，我们来使用jQuery实现一个简单的倒计时功能。

    php实时倒计时功能实现方法详解

    所以实时倒计时一定要用javascript实现.这很简单.网上一大把的例子. 2)现在问题是解决用户端修改日期时间对我们的显示的影响. 解决的办法是计算出用户端的时间和服务器的时间差.这样问题的完成解决了. 这样只需

    javascript倒计时

    实现简易的javascript倒计时 &lt;script language="javascript"&gt; var timerID = null; var timerRunning = false; var leftsec=60; var leftmin=60; var lefthour=2; function stopclock (){ if(timerRunning) ...

    PHP 类商品秒杀计时实现代码

    总不能用ajax每秒都获取服务器时间吧，所以实时倒计时一定要用javascript实现。这很简单，网上一大把的例子。 现在问题是解决用户端修改日期时间对我们的显示的影响。 解决的办法是计算出用户端的时间和服务器的...

    程序天下:JavaScript实例自学手册

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    《程序天下：JavaScript实例自学手册》光盘源码

    6.5 从一个下拉列表往另一个下拉列表添加内容 6.6 改变列表项的上下顺序 6.7 给下拉框数据分组 6.8 获取列表框的选择 6.9 类IE下拉框 6.10 下拉框式邮件发送 6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 ...

    浅谈PHP实现大流量下抢购方案

    总不能用ajax每秒都获取服务器时间吧，所以实时倒计时一定要用javascript实现。这很简单，网上一大把的例子。 现在问题是解决用户端修改日期时间对我们的显示的影响。 解决的办法是计算出用户端的时间和服务器的时间...

    asp.net知识库

    制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的功能 XmlHttp实现无刷新三联动ListBox 鼠标放在一个连接上，会显示图片(类似tooltip) 使用microsoft.web.ui...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...

Magicbox
Global site tag (gtag.js) - Google Analytics