今天学习了庞大的js，我们学习了window，document等等里面有许多有用的东西，下面是一个用js编写的考试系统倒计时：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>demo03.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<input type="button" value="开始" onclick="startTime()">
<form action="" >
<input type="text" name="name" size="80" id="daytime" />
</form>
</body>
</html>
<script>
//定义变量 时 分 秒
var hh=1;
var mm=30;
var ss=60;
//通过document将值赋给文本
document.getElementById("daytime").value =hh+"小时:"+mm+"分钟"+":"+ss+"秒";
//定义变量计算所要走的秒数
var contest=5400;
var vartime = null;
function startTime(){
--contest;
if(contest==0){
alert("提交试卷");
//clearTimeout 关闭定时触发事件
clearTimeout(vartime);
}else{
//计算秒减减
ss=--ss;
//取所要走的秒数的余数当时60的余数就说明所走时间为一秒
if(contest%60==0){
ss=60;
//当秒钟为0是分钟减1
mm=--mm;
//当分钟为0是小时减1
if(mm==-1){
hh=hh-1;
mm=59;
}
}
document.getElementById("daytime").value = hh+"小时:"+mm+"分钟"+":"+ss+"秒";
//setTimeout 定时触发事件方法
vartime = setTimeout("startTime()", 1000);
}
}
</script>
分享到：
相关推荐
在Web开发中，倒计时常用于活动预告、考试提醒或者产品上线等场景。本篇将深入探讨如何利用JavaScript实现一个功能完备的倒计时功能。 首先，我们需要理解倒计时的基本逻辑。倒计时的核心是计算当前时间与目标时间...
倒计时功能是JavaScript中常见的应用场景，比如用于活动预告、考试倒计时或者定时任务等。现在我们来深入探讨如何使用JavaScript实现倒计时。 首先，我们需要明确倒计时的基本原理。倒计时是通过计算当前时间与目标...
JavaScript倒计时显示特效是一种常见的前端技术，常用于活动预告、考试倒计时等场景。在不依赖任何第三方库的情况下，我们可以通过纯JavaScript代码实现这一功能。本文将深入讲解如何用JavaScript来创建一个兼容IE6...
JavaScript（简称JS）倒计时是一种常见的Web前端功能，用于实现各种计时需求，例如活动结束倒计时、考试开始倒计时等。在给定的"js倒计时源码"中，我们可以探讨以下几个关键知识点： 1. **JavaScript基础**： - ...
JavaScript（简称JS）倒计时是一种常见的前端编程技术，它被广泛应用于网页中的各种场景，如活动倒计时、考试倒计时等。在本文中，我们将深入探讨JS倒计时的工作原理、实现方法以及常见问题。 首先，理解JS倒计时的...
通过上述分析，我们可以了解到如何使用JavaScript实现一个简单的考试倒计时功能，并且可以方便地将其集成到ASP/ASP.NET网页系统中。这种倒计时不仅可以增强用户体验，还可以帮助组织者更好地管理考试流程。然而，在...
在构建网络考试系统的过程中，"考试计时并自动提交试卷"这一功能至关重要，它确保了考试的公正性和规范性。这个功能的实现涉及到多种技术，包括前端的Ajax、后端的JSP以及JavaWeb的相关应用。下面将详细介绍这些知识...
标题中的“java编写的本地考试系统，随机选题，倒计时，多客户端登录”揭示了这个项目的核心功能。这是一个基于Java技术构建的考试应用程序，它具有以下关键知识点： 1. **Java编程语言**：Java是一种广泛使用的...
本文将详细讲解如何使用jQuery实现多个倒计时插件同时计时的功能，这对于创建如考试倒计时、活动倒计时等多种场景都非常有用。 首先，我们需要一个基础的jQuery倒计时插件。这个插件通常包含以下核心功能： 1. **...
在Web开发中，倒计时功能经常被用于各种应用场景，如活动开始时间提醒、考试倒计时等。jQuery，作为一款轻量级的JavaScript库，提供了丰富的API来简化DOM操作，使得创建倒计时插件变得相对简单。本文将深入探讨基于...
在JavaScript编程中，倒计时（Countdown）是一种常见的功能，常用于网页中的限时活动、考试倒计时或倒计时计时器等场景。本教程将深入探讨如何创建一个可配置的倒计时功能，包括设置开始时间和结束时间，并且能够...
接着，我们用JavaScript或jQuery来编写倒计时逻辑。以下是一个基本的JavaScript实现： ```javascript var endTime = new Date('2023-12-31T23:59:59'); // 设置结束时间，例如2023年12月31日23:59:59 var ...
为了使倒计时实时更新，通常会在前端使用JavaScript配合AJAX实现页面的局部刷新。每隔一段时间（比如每秒）向服务器发送请求，获取最新的倒计时状态，然后在客户端更新显示。这种方法可以避免整个页面的频繁刷新，...
JavaScript（简称JS）倒计时是前端开发中常见的功能，常用于活动开始、结束预告、考试倒计时等场景。本教程将详细讲解如何利用JavaScript实现一个简单的倒计时demo。 首先，理解倒计时的基本原理。倒计时通常基于...
JavaScript倒计时脚本是一种常见的Web开发技术，用于在网页上实现各种计时功能，例如活动倒计时、考试倒计时等。这种脚本基于JavaScript语言，可以在客户端浏览器上运行，无需服务器端的支持，因此它具有实时更新、...
7. **跨浏览器兼容性**：不同的浏览器可能对JavaScript的实现有所不同，因此在编写倒计时插件时要考虑兼容性问题，确保代码在主流浏览器上都能正常运行。 8. **优化与性能**：为了避免频繁的DOM操作影响页面性能，...
要使用这个插件，你需要在页面中包含 jQuery 库和你编写的倒计时插件脚本，然后在合适的时机调用插件并传入结束时间和完成后要执行的方法： ```html <!DOCTYPE html> <title>jQuery 倒计时示例 ...
倒计时应用广泛，例如在线考试、拍卖结束、活动开始等场景。 描述中的信息表明，作者在网上没有找到满意的.NET实现倒计时的示例，所以自行编写了一个，并希望分享出来供其他人参考。这可能意味着这个解决方案是基于...
在这个特定的案例中，我们关注的是在微信小程序中实现一个倒计时功能，这在许多场景下都非常实用，比如活动预告、考试倒计时或者新年倒计时等。 在微信小程序中实现倒计时，我们需要掌握以下几个核心知识点： 1. *...
在网页设计中，倒计时通常用于活动预告、考试倒计时等场景，提供一种直观的方式来提醒用户某个重要事件即将发生。下面我们将深入探讨相关技术及其应用。 1. **JavaScript时间日期处理**： - JavaScript是实现网页...