`
zhangyaochun
  • 浏览: 2624850 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

setTimeout的一个应用时钟

阅读更多


//简单的setTimeout的一个时钟

function showTime(){
    var today = new Date();
    var h = today.getHours(),
          m =today.getMinutes(),
          s = today.getSeconds();
    //追加0的判断
    m = checkZero(m);
    s =  checkZero(s);
    //绑给一个id为text的显示
    document.getElementById('text').innerHTML = h+":"+m+":"s;
    t = setTimeout('showTime()',500);
}

//内部调用
//不做参数类型防范性过滤
function checkZero(param){
    if(param < 10){
       param = "0"+param;  
    }
    return param;
}
 
分享到:
评论

相关推荐

    html5数字时钟_html5电子时钟_html5时钟效果代码

    为了实现数字时钟的实时更新,开发者通常会使用`setInterval`函数,每隔一定时间(如1秒)调用一个函数来更新画布上的时间显示。这确保了时钟始终与系统时间同步。 5. **样式和动画**: HTML5数字时钟还可以通过...

    黑色翻页时钟HTML源码-倒计时单页翻页时钟HTML源码

    HTML源码是构建网页的基本元素,本案例中的“黑色翻页时钟HTML源码”是一个独立的、基于HTML的时钟应用,模仿了fliqlo的风格,它提供了实时显示时间、秒表以及倒计时功能。让我们深入探讨这个源码背后的HTML技术及其...

    基于javascript实现动态时钟效果

    本篇内容主要围绕如何使用JavaScript编程语言制作一个动态时钟效果,包括显示当前日期和时间,...对于学习JavaScript和网页设计的朋友们来说,这种动态时钟是一个基础且实用的项目,有助于加深对相关知识的理解和应用。

    纯Html5时钟

    6. ** Accessibility**:一个优秀的网页应用应当考虑无障碍访问。对于纯Html5时钟,可能需要确保屏幕阅读器能够正确读取时间,并且键盘用户可以导航到时钟元素。 7. **兼容性处理**:尽管这个时钟是为Webkit浏览器...

    番茄时钟_微信小程序_微信程序;时钟_

    “番茄时钟”微信小程序是一个结合了时钟和计时功能的实用工具,它充分利用了微信小程序的特性,让用户在微信环境中就能轻松进行时间管理。通过理解和学习这个小程序的开发,我们可以掌握微信小程序的基本开发流程,...

    html+css+js实现罗盘时钟

    本项目“html+css+js实现罗盘时钟”利用这三种语言的特性,创建了一个能够实时显示当前时间的动态罗盘时钟。接下来,我们将详细探讨这个项目中涉及的关键知识点。 首先,HTML(HyperText Markup Language)作为网页...

    绿色荧光电子时钟js时钟特效源码下载

    这个“绿色荧光电子时钟js时钟特效源码”是开发者们实现动态、互动效果的一个实例,它利用了JS的能力来创建一个具有独特视觉效果的时钟界面。下面将详细探讨相关的知识点: 1. **JavaScript基础**:JS是基于...

    .net 计时、时钟 C#

    4. **实时时间显示**:最后一个例子展示了一个简单的数字时钟,使用`startTime`函数获取当前时间并每半秒钟更新一次文本。`getHours()`, `getMinutes()` 和 `getSeconds()` 方法用于获取当前时间的小时、分钟和秒,...

    时钟Timer钟表Timer

    它是一个可以设定特定时间间隔后触发事件或执行特定功能的对象。本篇文章将深入探讨时钟Timer的核心原理、常见用途、实现方式以及在不同编程语言中的应用。 一、时钟Timer原理 时钟Timer的工作原理通常是基于操作...

    javascript制作的时钟

    在这个案例中,我们将讨论如何使用JavaScript来创建一个实时显示当前时间的时钟。 首先,我们需要了解`showclock`函数的作用。这个函数是核心的时钟更新逻辑,它负责获取当前的时间并将其格式化为易读的小时、分钟...

    动态数字时钟js

    在这个场景中,我们关注的是如何用JavaScript来创建一个实时更新的动态数字时钟。 在JavaScript中,获取当前时间主要依赖于`Date`对象。我们可以创建一个新的`Date`实例来获取当前日期和时间,然后通过其方法如`...

    js数字时钟 一个简单的实例

    在这个“js数字时钟”实例中,我们将深入探讨如何利用JS来创建一个实时更新的时钟,以及涉及到的关键技术——`document.images`。 首先,我们要明白JS数字时钟的基本原理。在JavaScript中,我们可以使用内置的Date...

    纯Js实现的精美液晶时钟

    "纯Js实现的精美液晶时钟"项目就是一个利用JavaScript的强大功能,来创建一个模拟液晶显示屏效果的时钟。这个项目完全基于JavaScript,不依赖任何外部库,展现了JS在实现复杂动画和实时更新能力上的潜力。 液晶显示...

    js时钟特效

    对于时钟特效,可能包括一个主模块来管理时钟的初始化、更新和销毁,以及分别处理小时、分钟和秒针的子模块。 综上所述,"js时钟特效"不仅展示了JavaScript处理日期和时间的能力,还涵盖了定时器、DOM操作、CSS样式...

    jQuery翻盖动画数字时钟

    为了确保时钟的实时性,我们需要设置一个定时器,比如每秒执行一次的setInterval函数,来不断更新时间并调整翻盖的状态。同时,考虑到跨时区和夏令时的情况,可能还需要处理Date对象的时间信息,以确保准确无误地...

    js做的精简时钟

    在这个“js做的精简时钟”项目中,我们利用了JavaScript的核心特性来实现一个实时显示时间的简单时钟。接下来,我们将深入探讨这个项目中涉及的JavaScript知识点。 1. **变量和数据类型**:在JavaScript中,我们...

    时钟插件-css+jquery

    这个时钟插件通过结合HTML的结构、CSS的样式和jQuery的动态功能,为用户提供了一个既美观又实用的时间显示工具。 **HTML基础** HTML(超文本标记语言)是网页内容的基本框架。在这个时钟插件中,HTML可能包含了`...

    javascript背景时钟实现方法.docx

    JavaScript 背景时钟实现方法是一种使用 JavaScript 实现时钟背景效果的方法,该方法主要介绍了 JavaScript 背景时钟实现方法,涉及 JavaScript 时间及页面元素样式的相关操作技巧。 时钟显示位置 在该方法中,...

    黑色简洁的翻页时钟代码 (1).zip

    这些文件共同构成了一个网页应用,其中HTML负责页面结构,CSS处理样式,而jQuery则用于实现动态功能,如翻页时钟的动画效果。 一、jQuery基础 jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画...

    js时钟

    通过new Date()可以创建一个表示当前日期和时间的对象,然后可以通过其方法获取年、月、日、小时、分钟、秒等信息。 3. 时间格式化:将获取到的Date对象转换为用户友好的字符串格式,例如“HH:mm:ss”或“年-月-日 ...

Global site tag (gtag.js) - Google Analytics