`
反求诸己
  • 浏览: 548917 次
  • 性别: Icon_minigender_1
  • 来自: 湖南娄底
社区版块
存档分类
最新评论

JS实现时分秒倒数

阅读更多

<!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圆形进度条时分秒计时器js特效”充分利用了CSS3的高级特性,结合JavaScript的时间管理和DOM操作,实现了动态的、可视化的计时功能。这样的特效不仅可以提升用户体验,也可以在各种应用场景中增加...

    js实现时分秒倒计时

    接下来,我们将详细介绍如何使用js实现时分秒倒计时。 首先,倒计时功能的实现基础是时间计算。基本思路是获取当前时间,然后与预设的倒计时结束时间进行比较,计算出两者的时间差,并将这个时间差按照时、分、秒的...

    vue实现天时分秒倒计时效果.rar

    在Vue.js框架中实现天时分秒倒计时效果,主要涉及到组件化开发、时间处理、数据绑定以及定时器的使用。以下是对这个项目中关键知识点的详细解释: 1. **Vue.js**: Vue.js 是一个轻量级的前端JavaScript框架,它提供...

    ‘年月时分秒倒计时’工具函数文件

    这是一个轻量级的JavaScript工具函数,用于实现精确到年、月、日、时、分、秒的倒计时功能。它可以轻松集成到任何网页或应用程序中,为用户提供实时的时间倒数显示。

    phaserjs_example_countdown:PhaserJS 中的倒数计时器示例

    PhaserJS 是一款广泛使用的开源JavaScript游戏框架,它为开发者提供了丰富的功能,包括精灵、物理引擎、动画系统、定时器等。在这个名为"phaserjs_example_countdown"的项目中,我们将关注的是如何在PhaserJS游戏中...

    react-tick-tock:用于React的简单倒数计时器

    React滴答声倒数计时器的简单组件npm install react-tick-tock --save例子var Timer = require ( 'react-tick-tock' ) ;var RenderTag = React . createClass ( { render : function ( ) { return ( &lt; Div&gt; { this ....

Global site tag (gtag.js) - Google Analytics