<!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>
<input name="times" type="text" id="times" size="4" />
/ 分
<input name="StartTime" type="button" value="开始计时" onclick=
showTime();;
/>
<input name="times" type="text" id="timeShow" />
<input name="times" type="text" id="timeshow" size="8" />
<input name="StartTime" type="button" value="停止计时" onclick=
stopTime();;
/>
<form action="" method="post" name="form" id="form">
姓名：
<input name="name" type="text" />
<input name="name" type="submit" value="提交" />
</form>
</body>
</html>
<script language="javaScript">
var timesDate = null;
function startTime(pro) {
var dateTime = new Date();
var times = --pro;
document.getElementById("timeShow").value = dateTime.toLocaleString();
timesDate = window.setTimeout("startTime(" + times + ")", 1000);
if (times <= 60) {
if (times < 10) {
document.getElementById("timeshow").value = "00:00:" + "0" + times;
} else {
document.getElementById("timeshow").value = "00:00:" + times;
}
} else if (pro > 60 && pro < 3600) {
var mm = Math.floor(pro / 60);
if (mm < 10) {
if ((times - (mm * 60)) < 10) {
document.getElementById("timeshow").value = "00:0" + mm + ":"
+ "0" + (times - (mm * 60));
} else {
document.getElementById("timeshow").value = "00:0" + mm + ":"
+ (times - (mm * 60));
}
} else {
if ((times - (mm * 60)) < 10) {
document.getElementById("timeshow").value ="00:"+mm + ":" + "0"
+ (times - (mm * 60));
} else {
document.getElementById("timeshow").value ="00:"+mm + ":"
+ (times - (mm * 60));
}
}
} else if (pro >= 3600) {
var hh = Math.floor(pro / 3600);
var mm = Math.floor((pro - (hh * 3600)) / 60);
var ss = (pro - ((hh * 3600) + (mm * 60)));
if (hh < 10) {
if (mm < 10) {
if (ss < 10) {
document.getElementById("timeshow").value = "0" + hh
+ ":" + "0" + mm + ":" + "0" + ss;
} else {
document.getElementById("timeshow").value = "0" + hh
+ ":" + "0" + mm + ":" + ss;
}
} else {
document.getElementById("timeshow").value = "0" + hh + ":"
+ mm + ":" + ss;
}
} else {
if (mm < 10) {
if (ss < 10) {
document.getElementById("timeshow").value = hh + ":"
+ "0" + mm + ":" + "0" + ss;
} else {
document.getElementById("timeshow").value = hh + ":"
+ "0" + mm + ":" + ss;
}
} else {
document.getElementById("timeshow").value = hh + ":" + mm
+ ":" + ss;
}
}
}
if (pro <= 0) {
window.clearTimeout(timesDate);
var fom=document.getElementById("form");
fom.submit();
}
}
function showTime() {
var i = parseInt(document.getElementById("times").value) * 60;
startTime(i);
}
function stopTime() {
window.clearTimeout(timesDate);
}
</script>
分享到：
相关推荐
jQuery倒计时器是一种在网页上实现动态时间显示的工具，它基于JavaScript库jQuery构建，为用户提供了一种简便的方式来创建自定义的倒计时功能。...总之，jQuery提供了强大的工具，使得创建倒计时器变得简单且灵活。
在探讨“jsp的倒计时模块的实现”这一主题时，我们首先需要理解JSP（JavaServer Pages）技术的本质以及如何在JSP页面中嵌入动态脚本元素来实现倒计时功能。JSP是一种服务器端脚本语言，用于生成动态网页内容。它将...
在Web应用中，计时器常用于倒计时或实时更新，可能通过JavaScript的`setInterval()`函数实现。 9. 可移植性：项目设计得易于移植意味着它的代码结构清晰，依赖管理良好，可以轻松地在不同环境中部署和复用。 综上...
- 由于描述中提到“倒计时的遮罩层”和“session长时间不进行操作进行推送”，这表明在示例中可能包括了一个会话超时机制。这可能涉及到JavaScript的定时器来检查客户端活动，并在检测到会话即将过期时触发...
在本套教学资源中，你将学习到如何搭建Struts2环境，创建第一个简单的Struts2应用，理解并运用Action、Interceptor、Result等关键概念，掌握配置文件的编写，以及如何实现动态方法调用和文件上传下载。同时，还将...
描述中的"时间插件"进一步明确了我们的焦点在于时间部分，这意味着该插件可能专注于小时、分钟、秒甚至毫秒级别的操作，例如倒计时、实时时钟或者时间间隔的计算。 在标签中提到的"时间"，我们可以推断这个插件的...
课程设计JavaWeb大作业web电脑考试系统项目源码和数据库，内含详细使用说明，项目文档，初学者的福音啊（捂脸）高手可以二次...17. 考试结束倒计时 18. Ajax通知提醒 19. 系统硬件监控 20. 学生云平台 21. 足够的健壮性
总的来说，通过JavaScript的Date对象和定时器，我们可以轻松地创建一个实时更新的钟表，这在网页应用中非常常见，如计时器、倒计时等功能。通过不断地学习和实践，你可以掌握更多关于JavaScript日期和时间处理的技巧...
- **优点：** 可以在页面上添加更丰富的交互效果（如显示倒计时）。 - **缺点：** 需要在页面中编写JavaScript代码；可能会影响用户体验（如长时间等待）。 ### 3. 使用JavaScript动态倒计时 这种方法使用了`...
在网页开发中，有时我们...第一种方法简单直接，但无法展示倒计时；第二种方法可以在跳转前执行其他操作；第三种方法则提供了倒计时的用户体验。在实际应用中，开发者可能会结合这几种方法，根据项目需求进行灵活运用。
- **答题界面**：提供友好的答题界面，支持在线作答，自动保存答案，倒计时提醒等。 - **评分与统计**：自动批改客观题，支持人工批改主观题，统计考试成绩，生成成绩报表。 - **错题分析**：为学生提供错题分析...
这在创建实时更新的页面、倒计时器或周期性提醒等功能时非常有用。 ### 构建动态WML服务 #### 创建动态服务 WML1.3不仅限于静态内容展示，它还支持动态内容生成和服务。通过服务器端脚本，如CGI、JSP或PHP，...
- **CountDownLatch**：倒计时闩锁，等待一组操作完成。 - **CyclicBarrier**：循环栅栏，使多个线程到达某个点时等待其他线程。 两者的主要区别在于等待行为的不同。 #### JVM组成与作用 - **类加载器子系统**：...
实例122 倒计时 190 实例123 访问时间限制 191 实例124 计步器 192 4.3 日期时间特效 194 实例125 分时问候 194 实例126 节日提示 195 实例127 倒影时钟 196 实例128 带阴影的时钟 199 实例129 动态石英钟 200 实例...