<!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>JS实现时分秒倒数</title>
<script language="Javascript" type="text/Javascript">
var h,m,s,hstr,mstr,sstr,timestr;
var etimeMinu = 120; // 总分钟
var etime = etimeMinu * 60;
function timer()
{
h = Math.floor(etime / 3600); //时
m = Math.floor(etime / 60) % 60; //分
s = Math.floor(etime % 60); //秒
h < 0 ? h = 0 : h = h;
m < 0 ? m = 0 : m = m;
s < 0 ? s = 0 : s = s;
h.toString().length < 2 ? hstr = "0" + h.toString() : hstr = h; //1显示01
m.toString().length < 2 ? mstr = "0" + m.toString() : mstr = m; //1显示01
s.toString().length < 2 ? sstr = "0" + s.toString() : sstr = s; //1显示01
timestr = hstr + ":" + mstr + ":" + sstr;
etime = etime - 1;
if(etime>0){
document.getElementById('timeDiv').innerHTML = timestr;
}else{
document.getElementById('timeDiv').innerHTML = 'Enter';
}
}
</script>
</head>
<body onload="window.setInterval('timer()',1000);">
<div id="timeDiv"></div>
<input type="button" id="txt" name="txt" value="" />
</body>
</html>
分享到：
相关推荐
本篇将详细介绍如何利用CSS3和JavaScript实现一款简洁、美观的圆形进度条时分秒计时器。 首先，我们需要理解CSS3的特性。CSS3引入了许多新的选择器、属性和动画效果，使得网页设计更加丰富和动态。其中，圆角边框...
接下来，我们将详细介绍如何使用js实现时分秒倒计时。 首先，倒计时功能的实现基础是时间计算。基本思路是获取当前时间，然后与预设的倒计时结束时间进行比较，计算出两者的时间差，并将这个时间差按照时、分、秒的...
"JS实现下载次数倒数特效实例源码"就是一个典型的示例，它能够帮助开发者学习如何利用JavaScript来创建动态显示剩余下载次数的计数器。下面将详细解释这个特效背后的原理和实现方法。 1. **基础概念** - ...
在Vue.js框架中实现天时分秒倒计时效果，主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释： 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架，它提供...
本文将深入探讨如何在C++中实现这一功能，并提供处理特殊情况的策略，如0的倒数。 首先，我们可以使用基本的除法运算符`/`来求倒数。对于非零的实数`number`，可以使用`1.0/number`或`1.0/static_cast(number)`的...
梯度倒数加权滤波...此外，由于提供的压缩包文件名只包含“梯度倒数加权”，我们无法直接获取具体的代码实现。如果需要更深入的理解和代码示例，建议查看相关的MATLAB教程或研究文献，以获得GIWF滤波的完整实现。
js 倒数计时器 counttimedown javascript 写的时间倒数计时器
在本文中，我们将深入探讨如何使用Verilog HDL在FPGA上实现一个倒数计数器，即"myRevCounter"。这个实验项目是针对FPGA爱好者和学习者设计的，旨在帮助他们理解和掌握FPGA的基本操作以及Verilog语言的计数逻辑。 ...
JavaScript（简称JS）是一种轻量级的脚本语言，广泛应用于网页和网络应用开发，尤其在前端领域。倒数计时器是JavaScript中常见的功能，它可以在网页上显示剩余时间，比如用于活动倒计时、考试倒计时等场景。本教程将...
下面我们将深入探讨如何使用JavaScript来实现一个时间倒计时器。 首先，我们需要了解JavaScript中的日期对象(Date)。`Date`对象是处理日期和时间的核心，可以用来获取当前时间，也可以创建一个指定日期和时间的对象...
总之，“60秒倒数按钮”的实现涉及到Java Swing组件（如JButton和JLabel）的使用，以及 `java.util.Timer` 类的计时功能。通过这样的编程技术，我们可以创建出一个用户友好且具有特定功能的界面元素，满足不同应用...
JavaScript应用实例-倒数日.js
在Android开发中，实现文字倒数功能通常涉及到计时器（Timer）和文本视图（TextView）的使用。这个功能可以应用于许多场景，比如倒计时活动、显示剩余时间等。接下来，我们将深入探讨如何在Android应用中实现这一...
这个简单倒数计时器的代码可能旨在帮助开发者快速理解和应用QT5中的定时事件处理。 首先，我们要导入QT5的核心库和GUI库，这将使我们能够使用计时器类和创建用户界面元素： ```cpp #include #include #include ...
在JavaScript中，我们可以使用`setInterval`函数来周期性地执行某段代码，例如每秒更新倒计时的数字。jQuery库提供了一套方便的DOM操作接口，使得我们能够轻松地获取元素、修改元素内容并添加动画效果。在这个插件中...
本文将详细探讨如何使用Java语言实现一个简单的计算器，支持加减乘除、开方以及求倒数等功能。 首先，我们需要了解Java的基础语法和控制结构。Java是一种面向对象的编程语言，它的类和对象概念是实现功能的关键。在...
* 实现时分秒的计时，并显示于屏幕中央 * 具有时分秒的校时功能 * 具有半点整点声音报时功能 * 实现年月日的计算，并显示于时间下方 * 实现日期校对功能 * 实现一键重启功能 * 在屏幕左上方显示各功能操作提示 * ...
本项目"使用 HTML、CSS 和 JS 的简单倒数计时器"就是一个典型的例子，展示了如何通过这三种核心技术实现一个直观且响应式的计时组件。 首先，HTML（HyperText Markup Language）是网页结构的基础，用于定义页面内容...
倒数没气氛？？？？来吧，选这个没错.10 9 8 7 6 5 4 3 2 1
- **倒数表的构成**：通过硬件实现一个倒数表，输入为给定数值\( A \)，输出为对应的近似倒数\( y_0 \)。 - **精度控制**：为了确保倒数表的精度，需要控制两个主要因素：一是输入值\( A \)与实际目标值之间的差异；...