使用JS实现这个小程序,其实还是比较简单的,主要用到了window对象中的setTimeout()方法和clearTimeout()方法,其它的便是关于时、分、秒算法的问题,方法有很多,在这里我只采用其中一种比较简单的方法。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'demo4.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var vartime, h, m, s, hstr, mstr, sstr;
var xtime = 1.5 * 60 * 60;
function timeclock() {
if (xtime >= 0) {
h = parseInt(xtime / 3600);
m = parseInt((xtime % 3600) / 60);
s = (xtime % 3600) % 60;
hstr = h < 10 ? ("0" + h) : h;
mstr = m < 10 ? ("0" + m) : m;
sstr = s < 10 ? ("0" + s) : s
vartime = hstr + ":" + mstr + ":" + sstr;
document.getElementById("timer").value = vartime;
xtime--;
setTimeout("timeclock();", 1000);
} else {
clearTimeout("timeclock();")
var flag = confirm("时间到,单击“确定”以提交");
if (flag) {
document.forms[0].submit();
} else {
window.close("./demo.jsp");
}
}
}
</script>
</head>
<body>
<center>
<form action="./index.jsp" method="post">
剩余时间:
<input type="text" id="timer" name="txt" size="4"
readonly="readonly" />
<input type="button" value="开始" onclick="timeclock();" />
</form>
</center>
</body>
</html>
分享到:
相关推荐
"考试系统js时间倒计时"这个主题关注的就是如何利用JavaScript来实现考试页面上的时间倒计时功能。JavaScript是一种广泛用于网页交互和动态效果的编程语言,非常适合在网页上实时更新时间信息。 首先,我们需要理解...
本项目聚焦于使用51单片机实现一个六位数码管显示的倒计时功能,精确到0.01秒,并具备暂停和复位功能。通过这个项目,我们可以学习到以下几个关键知识点: 1. **51单片机结构**:51单片机是基于Intel 8051微处理器...
在提供的压缩包文件中,"js倒计时"可能包含了一个完整的JS倒计时实现,你可以查看源代码学习更多细节,比如如何将倒计时数据显示在网页上,或者如何处理时区问题。通过深入理解这些代码,你将能更好地掌握JS实现倒...
javascript实现倒计时
总结来说,构建一个完整的考试系统js倒计时功能,不仅需要实现倒计时的显示,还要确保在时间耗尽时能够自动提交答案。这涉及到JavaScript的定时器、DOM操作、以及与服务器的通信等多个方面。同时,还需要考虑安全性...
在JavaScript中实现网页倒计时是一项常见的任务,尤其在创建活动页面、竞赛倒计时或者定时发布内容等场景中非常实用。本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能,并结合提供的`index.html`和`js`...
在Vue.js框架中实现天时分秒倒计时效果,主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释: 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架,它提供...
在IT领域,一款“从天数精确到秒的桌面倒计时器”是十分实用的工具,尤其适用于那些需要精确时间管理的用户。这类倒计时器软件可以在桌面上显示一个实时更新的计时器,从指定的天数开始,精确到秒,帮助用户追踪时间...
闲着没事 发个倒计时代码 可以精确到毫秒的
倒计时,js倒计时,可循环倒计时,倒计时结束返回函数。
本文将详细讲解如何实现一个简单而实用的时分秒倒计时功能,以及它在教育网站线上的应用。 首先,我们要了解倒计时的基本原理。倒计时通常基于当前时间与目标时间之间的差值进行计算,每秒更新一次显示的时间。这个...
在这个场景中,我们讨论的是使用JavaScript实现的倒计时定时自动关机功能。这个功能允许用户设置一个时间,当倒计时结束时,计算机将自动关闭。以下是关于这个主题的详细知识点: 1. **JavaScript事件循环**: ...
60秒倒计时时钟设计是一项常见的嵌入式系统项目,尤其在电子工程和计算机科学领域。这个设计基于单片机技术,通过编程实现从60到0的递减计时,并在计时结束后自动重置,循环进行。在本文中,我们将详细探讨如何使用...
本示例中,我们探讨的主题是“使用jQuery实现多个同时倒计时,并精确到0.1秒”。这是一项在网页动态效果中常见的需求,例如用于考试倒计时、活动截止提醒等场景。 首先,我们需要理解jQuery的核心概念。jQuery是一...
1. **创建计时器**:在JavaScript中,`setInterval`函数用于定期执行某段代码,常用于实现倒计时或计时器。你需要指定一个回调函数和间隔时间(以毫秒为单位),如`setInterval(functionToRun, interval)`。 2. **...
在IT行业中,考试系统倒计时功能是一项常见且重要的需求,尤其对于在线教育平台和远程考试平台来说。这个功能能够确保考试的公平性和规范性,让考生清晰地了解剩余时间,以便合理安排答题进度。本项目是基于C#语言...
接下来,我们需要在JavaScript中编写代码来实现倒计时功能。我们可以使用`setInterval`函数来创建一个每秒执行一次的定时器,然后在每次执行时更新按钮的状态。代码可能如下: ```javascript // 获取按钮元素 var ...
在"雨滴桌面"这个压缩包中,可能包含了实现以上功能的Rainmeter倒计时插件以及相关的配置文件和皮肤。用户解压后,可以通过Rainmeter软件导入并安装这些插件,然后在桌面上创建和管理倒计时。需要注意的是,安装和...
在JavaScript中创建环形倒计时通常涉及以下几个核心知识点: 1. **JavaScript时间处理**:JavaScript的Date对象是处理日期和时间的基础,可以获取当前时间,并计算目标时间与当前时间的差值。这个差值将被用来更新...
在本项目中,我们关注的是如何在STM32上实现60秒倒计时功能,并通过显示屏进行实时显示。这涉及到STM32的定时器配置、中断处理以及与显示屏的接口通信等多个知识点。 首先,我们需要了解STM32的定时器工作原理。STM...