`
isiqi
  • 浏览: 16664895 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript colck

阅读更多

<html>

<head>

<script type="text/javascript">

function startTime()

{

var today=new Date()

var h=today.getHours()

var m=today.getMinutes()

var s=today.getSeconds()

// add a zero in front of numbers<10

m=checkTime(m)

s=checkTime(s)

document.getElementById('txt').innerHTML=h+":"+m+":"+s

t=setTimeout('startTime()',500)

}

function checkTime(i)

{

if (i<10)

{i="0" + i}

return i

}

</script>

</head>

<body onload="startTime()">

<div id="txt"></div>

</body>

</html>

分享到:
评论

相关推荐

    JavaScript-Clock:使用Date对象和CSS tranistion属性JavaScript Clock

    JavaScript-Clock是一个项目,它利用JavaScript的Date对象和CSS的transition属性来创建一个动态的时钟。这个时钟能够实时显示当前的时间,并通过平滑的过渡效果增强用户体验。接下来,我们将详细探讨这两个关键知识...

    Javascript-Clock:Javascript Clock,显示当前时间和日期,以及与其历史记录,类型和引号相关的各种详细信息

    JavaScript时钟是一个基于Web的项目,它利用JavaScript编程语言来实现动态显示当前的时间和日期功能。这个项目不仅简单地展示时间,还包含了丰富的历史记录、类型信息和可能的报价相关数据,为用户提供了更全面的...

    面向对象时钟 钟表的时分秒

    最后,我们用JavaScript控制页面上的时钟,初始化一个`Clock`对象,定时调用`tick()`和`displayTime()`方法,并更新DOM以反映时间变化: ```javascript var clock = new Clock(0, 0, 0); setInterval(function() { ...

    Javascript-Clock:这是使用HTML,CSS和JavaScript制作的网络时钟! 由科迪·特伦特(Cody Trent)制造

    JavaScript-Clock是一个项目,展示了如何使用HTML、CSS和JavaScript技术创建一个实时更新的网络时钟。这个时钟是由Cody Trent开发的,旨在提供一种有趣的学习方式,让人们了解这三种核心技术在网页动态交互中的应用...

    flipclock.js计时.zip

    flipclock.js是一个流行且功能强大的JavaScript库,专为创建数字翻转计时器而设计。本文将深入探讨如何利用flipclock.js实现点击开始、结束计时,以及开始和重置功能,并在计时结束后跳转页面。 首先,我们需要理解...

    Analog Clock in Javascript.zip

    这个"Analog Clock in Javascript.zip"文件显然包含了一个使用JavaScript实现的模拟时钟示例。现在,我们将深入探讨如何使用JavaScript来创建这样一个功能。 首先,JavaScript是Web开发中的主要脚本语言,它可以...

    Alarm Clock Using HTML JavaScript.zip

    标题 "Alarm Clock Using HTML JavaScript.zip" 提供了一个项目,它使用HTML、CSS和JavaScript来创建一个闹钟应用。这个项目是JavaScript初学者学习时间和日期处理以及事件监听的绝佳实例。JavaScript是一种广泛使用...

    Simple Analog Clock in JavaScript Free Source Code.zip

    标题中的"Simple Analog Clock in JavaScript Free Source Code"指的是一个使用JavaScript编写的简单模拟时钟的源代码项目。这个项目提供了一种方式,用纯前端技术实现在网页上展示实时的模拟时钟效果。JavaScript是...

    Simple Drop Down Clock Using HTML JavaScript.zip

    标题 "Simple Drop Down Clock Using HTML JavaScript" 描述了一个利用HTML和JavaScript实现的简单下拉时钟项目。这个项目的核心在于将HTML用于构建用户界面,JavaScript则用于动态更新时间,为用户提供一个可下拉...

    Alarm Clock App Using HTML, CSS and JavaScript.zip

    标题 "Alarm Clock App Using HTML, CSS and JavaScript" 提示我们这是一个使用前端技术开发的闹钟应用项目。这个项目主要依赖于HTML(结构)、CSS(样式)和JavaScript(交互)这三门核心技术,来实现一个基本的...

    javascript时间自动刷新实现原理与步骤

    在给定的示例中,`index.jsp`是HTML页面,包含`&lt;script&gt;`标签引用了`clock.js`,这是一个外部JavaScript文件,其中定义了`Clock`构造函数和相关方法。`&lt;base&gt;`标签用于设置所有相对URL的基础路径,确保资源能正确...

    node.js-clock时钟web服务器案例

    为此,我们需要创建一个HTML文件,如`public/clock.html`,并在其中使用JavaScript动态更新时间。同时,服务器需要正确地发送HTML文件: ```javascript // ... if (filePath.endsWith('.html')) { fs.readFile...

    Javascript时钟

    JavaScript时钟是一种常见的网页动态效果,它通过JavaScript编程语言实现,可以实时显示当前时间或日期。在本篇文章中,我们将深入探讨如何利用JavaScript创建一个功能齐全的时钟,并理解其背后的原理。 首先,我们...

    vista侧边栏 WorldClock

    在WorldClock小工具中,JavaScript可能负责获取系统时间,计算不同时区的时间,并实时更新时钟的显示。 总的来说,"vista侧边栏 WorldClock"通过结合HTML、CSS和JavaScript技术,提供了一个直观、便捷的多时区时间...

    JS实现时钟效果honehone_clock

    在本案例中,"JS实现时钟效果honehone_clock"是一个使用JavaScript编写的时钟应用,它能够实时显示当前时间,提升网页的互动性和用户体验。时钟效果通常涉及到DOM操作、事件监听和时间格式化等多个技术点。 1. **...

    JavaScript实现仿Clock ISO时钟

    本文主要介绍了如何使用JavaScript来创建一个仿ISO风格的时钟效果。在讲解具体的实现方法之前,首先需要了解时钟的基本组成部分,即时针、分针和秒针,以及它们的运动方式。本文内容包括HTML和CSS的布局及样式设计...

    JavaScript-Clock:使用JavaScript的挂钟(12小时)

    JavaScript-Clock是一个项目,展示了如何使用JavaScript来创建一个12小时制的挂钟。这个挂钟不仅涉及到JavaScript的核心编程概念,还与HTML5和CSS紧密相关,用于构建动态且美观的用户界面。以下是对这些技术及其在...

    HoneHone Clock源码

    再者,JavaScript是实现网页交互的关键,HoneHone Clock的核心功能,如实时更新时间、用户交互响应等,都是通过JavaScript实现的。这涉及到DOM操作、事件监听、定时器函数(如`setInterval`)的使用。此外,...

    基于JavaScript的数字时钟

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态效果。在这个场景中,我们讨论的是一个用JavaScript实现的数字时钟,它旨在实时显示当前时间,并且针对不同的浏览器(如...

    javascript实现动态时钟

    在JavaScript编程中,动态时钟是一种常见的练习,用于学习时间的获取、处理和显示。这个项目的核心在于利用JavaScript的Date对象来实时获取当前时间,并通过CSS3来展示一个具有动态效果的时钟界面。 首先,...

Global site tag (gtag.js) - Google Analytics