`

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

    博客分类：
  • js
XHTMLHTML 
阅读更多
  要实现的效果如下: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>
分享到：
| native2ascii工具
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    计时器（倒计时，正计时）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交互。在开发过程中，有时我们需要实现一些定时执行的任务，例如自动轮播、定时更新数据等，这时...

Magicbox
Global site tag (gtag.js) - Google Analytics