`

js 计时器(类似电子计时哭器)

    博客分类:
  • js
阅读更多
  要实现的效果如下:00:00:00
实现的代码如下:

<!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>无标题文档</title>
</head>
<script type="text/javascript">
      var hour=0;  
    var minu=0;  
  var sec=0;
var timeStr=""
  function showTime()
    {
       sec++;
       if(sec==60){
           sec=0;
           minu++;
        }
        if(minu==60)
         {
          minu=0;
          hour++;
         }
       if(hour<10) timeStr="0"+hour+":";
   else{
     timeStr=hour+":";
   }
  
  if(minu<10) timeStr=timeStr+"0"+minu+":"; 
else   timeStr=timeStr+minu+":";
  if(sec<10)  timeStr=timeStr+"0"+sec;
else timeStr=timeStr+sec;

document.all.show_time.innerHTML=timeStr;
timeStr="";
  window.setTimeout(showTime,1000);
    }
   
    window.onload=function()
     {
      window.setTimeout(showTime,1000);
     }

</script>
<body>

<font id="show_time">00:00:00</font>
</body>
</html>
分享到:
评论

相关推荐

    计时器(倒计时,正计时)demo

    2. **JavaScript计时器原理**:计时器功能通常由JavaScript的`setInterval()`或`setTimeout()`函数实现。在这个Demo中,倒计时和正计时可能通过这两个函数进行控制,`setInterval()`用于周期性执行某段代码,而`...

    JS CSS3实现苹果iwatch计时器.zip

    在本项目"JS CSS3实现苹果iwatch计时器.zip"中,我们主要探讨的是如何使用JavaScript(JS)和CSS3技术来模拟苹果iWatch的计时器功能,包括开始、暂停以及重置操作,并能记录计时次数。这个项目对于前端开发者来说,...

    计时器(秒表、倒计时)

    在IT领域,计时器和倒计时是两种常见的时间...为了适应未来的技术趋势,开发者可以考虑将类似的计时器功能迁移到HTML5和JavaScript,利用Web Audio API和Web Animations API等技术来实现跨平台的兼容性和更好的性能。

    JS计时器,简洁使用,一看就明白

    JavaScript(简称JS)是网页开发中的重要脚本语言,它能赋予网页动态功能,其中之一就是计时器。本文将深入浅出地讲解JS计时器的简洁使用,并通过一个简单的倒计时例子来阐述其工作原理。 首先,我们需要了解两个...

    正计时器swf.rar

    在IT领域,正计时器通常指的是一个可以追踪时间流逝的工具,而非倒计时器。这类计时器从零开始计数,直至达到设定的时间点。SWF(ShockWave Flash)是Adobe Flash的一种文件格式,常用于创建交互式内容,如网页上的...

    js计时器-完整源码.rar

    本资源"js计时器-完整源码.rar"提供了一套完整的JavaScript计时器源代码,旨在帮助工作1-3年的前端人员理解和应用此类技术。 在JavaScript中,主要的计时器函数有`setTimeout()`和`setInterval()`。`setTimeout()`...

    刷新计时器(模拟)

    在JavaScript中,最常用的计时器是`setTimeout()`和`setInterval()`函数。它们可以安排代码在特定的时间延迟后执行,或者周期性地重复执行。 2. **setTimeout()**: 这个函数接受两个参数:要执行的函数和延迟的...

    JS 系列计时器资料.rar

    "JS系列计时器资料.rar"这个压缩包包含了关于JavaScript计时器的详细文档,名为"5.JS计时器.doc"。以下将深入探讨JavaScript中的计时器机制及其应用。 1. **setTimeout()和setInterval()** - `setTimeout()`: 这个...

    跟随电脑时间变化的计时器

    在IT领域,计时器是一种常见的工具,广泛应用于各种软件和系统中,用于跟踪和测量时间。"跟随电脑时间变化的计时器"是一个特定类型的计时器,它能够实时同步计算机的系统时间,准确地显示年、月、日、时、分、秒等...

    flash 倒计时器 源码 两个版本

    本文将深入探讨“Flash倒计时器”的源码,包括两个不同的版本,以及如何根据需求进行定制。 首先,让我们了解一下什么是Flash倒计时器。Flash倒计时器是一种基于Flash技术实现的动态计时工具,它能够在网页上实时...

    简易计时器javascript

    javascript写的简单计时器设 可以开始 暂停 停止 继续 类似播放器放歌那样 控制时间

    swf版的计时器和定时器

    因此,基于HTML5的计时器和定时器(如JavaScript的`setInterval`和`setTimeout`)成为了更广泛兼容的选择。这些API可以在不依赖Flash的情况下实现类似的功能,适用于各种设备和浏览器。 6. **总结**: SWF版的计时...

    jQuery仿iphone手机秒表计时器代码

    总结来说,这个jQuery仿iPhone手机秒表计时器代码利用了JavaScript的定时器功能,结合jQuery库简化DOM操作,实现了类似于手机秒表的计时功能,并且支持多次复位。通过理解和修改此类代码,开发者可以进一步定制自己...

    jQuery倒计时/计时器/时间插件

    - **倒计时函数**:与计时器类似,但需要从目标时间减去当前时间,确保是负数,表示剩余时间。 - **格式化时间**:根据需要,将秒转换为分钟、小时和天数,用`padZero()`函数确保数字始终为两位数。 4. **启动和...

    JS节日倒计时器(兼容Firefox/IE)

    总的来说,这个“JS节日倒计时器”项目涉及到了JavaScript的核心知识,包括时间处理、事件处理、XML解析以及跨浏览器兼容性策略。它展示了如何将这些技术结合起来,创建一个实用且用户友好的Web应用。如果你想要学习...

    使用html+js编写的一个网页端计时器源代码,支持正计时和倒计时,Material Design风格,还有好听的音效

    6. UI更新:每次时间变化时,JavaScript会更新计时器的显示,确保用户能实时看到时间的变化。 在实际的源代码中,`timer-main`可能包含了HTML文件(如`index.html`)、JavaScript文件(如`script.js`)和其他资源...

    JS+CSS3实现的类似于苹果iwatch计时器特效源码.zip

    在本资源中,"JS+CSS3实现的类似于苹果iwatch计时器特效源码.zip",我们关注的是如何利用JavaScript(JS)和CSS3这两种前端技术来复现苹果iWatch上的计时器效果。这个压缩包包含了实现该特效所需的所有文件,包括一...

    moment-timer:Moment.js的计时器插件,允许创建setInterval和类似setTimeout的计时器

    时刻计时器概要这是一个Moment.js插件,它允许使用计时器,该计时器比本机JavaScript计时器提供更多的控制权。 基本上,这是对JavaScript自己的setInterval和setTimeout的重写。 有关示例,请参见示例文件夹或阅读...

    html5+css3指针计时器

    在本项目中,"html5+css3指针计时器"是一个利用这两者技术实现的动态计时器,它通过HTML5的JavaScript API和CSS3的动画特性,模拟出一个类似机械表盘的指针转动效果,以实时显示时间的流逝。 首先,HTML5是超文本...

    JQuery 计时器

    **jQuery计时器详解** jQuery库是JavaScript中最广泛使用的库之一,它简化了HTML文档遍历、事件处理、动画和Ajax交互。在开发过程中,有时我们需要实现一些定时执行的任务,例如自动轮播、定时更新数据等,这时...

Global site tag (gtag.js) - Google Analytics