<!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圆形进度条时分秒计时器js特效”充分利用了CSS3的高级特性,结合JavaScript的时间管理和DOM操作,实现了动态的、可视化的计时功能。这样的特效不仅可以提升用户体验,也可以在各种应用场景中增加...
接下来,我们将详细介绍如何使用js实现时分秒倒计时。 首先,倒计时功能的实现基础是时间计算。基本思路是获取当前时间,然后与预设的倒计时结束时间进行比较,计算出两者的时间差,并将这个时间差按照时、分、秒的...
在Vue.js框架中实现天时分秒倒计时效果,主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释: 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架,它提供...
这是一个轻量级的JavaScript工具函数,用于实现精确到年、月、日、时、分、秒的倒计时功能。它可以轻松集成到任何网页或应用程序中,为用户提供实时的时间倒数显示。
PhaserJS 是一款广泛使用的开源JavaScript游戏框架,它为开发者提供了丰富的功能,包括精灵、物理引擎、动画系统、定时器等。在这个名为"phaserjs_example_countdown"的项目中,我们将关注的是如何在PhaserJS游戏中...
React滴答声倒数计时器的简单组件npm install react-tick-tock --save例子var Timer = require ( 'react-tick-tock' ) ;var RenderTag = React . createClass ( { render : function ( ) { return ( < Div> { this ....