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

在页面中显示时钟

 
阅读更多

<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>


分享到:
评论

相关推荐

    用java编写的在桌面显示的时钟

    可能使用了面向对象编程原则,将时钟的显示逻辑封装在一个独立的类(如ClockPanel或DigitalClock)中,这个类包含了一个run()方法,用于执行时间更新的循环。此外,可能还有其他的辅助类或方法,比如TimeFormatter,...

    HTML网页数字时钟代码.zip

    在这个数字时钟中,开发者可能会定义一个Vue实例,将数据绑定到DOM元素上,以便实时更新时间。Vue实例的`data`选项通常用于声明响应式的属性,如当前的时间对象。 接下来,Vue的`methods`选项可以定义可复用的函数...

    网页显示电子时钟 javascript

    具体来说,通过 JavaScript 的 `Date` 对象获取当前时间,并通过 DOM 操作将时间显示在网页上。此外,还通过定时器实现了时间的实时更新。这种技术可以广泛应用于需要实时显示数据的网页应用中。

    天气预报_HTML静态页面_带时钟.zip

    标题中的“天气预报_HTML静态页面_带时钟.zip”表明这是一个包含HTML静态页面的压缩文件,主要用于展示天气预报,并且页面上集成了一个实时显示时间的时钟功能。这个项目可能是一个简单的Web应用实例,适合初学者...

    在Web页面中显示当前日期和系统时钟

    基于jQuery的插件,用于在页面中显示当前的日期和系统时钟。 例:$('div').smartClock();

    用JSP实现显示时钟

    在这个“用JSP实现显示时钟”的主题中,我们将深入探讨如何使用JSP来构建一个实时更新的时钟应用。 首先,`ClockApplet.jsp`是我们的主要JSP文件,它会包含用于展示时钟的HTML结构以及Java代码。JSP文件通常包含两...

    网页特效-时钟日历篇

    在网页设计中,为了提升用户体验和页面的互动性,开发者经常使用各种特效,其中时钟和日历功能是非常常见且实用的元素。本资源“网页特效-时钟日历篇”正好聚焦于这一主题,提供了可能包括JavaScript实现的时钟和...

    flash透明时钟140个

    在网页设计中,透明时钟可以被嵌入到页面的任何位置,并且其背景透明,不会遮挡页面上的其他内容。这种特性使得时钟能够无缝融入网页设计,增加网站的视觉吸引力和用户体验。这些时钟可能有不同的风格,比如数字显示...

    js 特效 html 特效 时钟显示在任意指定位置

    js 特效 html 特效 时钟显示在任意指定位置 js 特效 html 特效 时钟显示在任意指定位置

    基于JavaScript的数字时钟

    在这个场景中,我们讨论的是一个用JavaScript实现的数字时钟,它旨在实时显示当前时间,并且针对不同的浏览器(如Internet Explorer和Firefox)进行了兼容性优化。 首先,让我们深入了解一下JavaScript数字时钟的...

    网页显示时间到时钟区域中

    标题 "网页显示时间到时钟区域中" 暗示我们正在讨论如何在网页的时钟区域显示实时时间。这通常涉及到JavaScript(JS)和CSS(层叠样式表)技术,有时也会用到HTML5(超文本标记语言第五版)的新特性。下面将详细介绍...

    网页实现的时钟

    在这个项目中,`clock.css`负责样式设计,`clock.html`是页面结构,而`clock.js`则用于处理时间和日期的更新。 在HTML部分,`clock.html`通常会包含一个用来显示时间的容器,例如一个`&lt;div&gt;`元素,它的类名可以关联...

    用Java实现的网页版电子时钟

    在网页中嵌入电子时钟是一项常见的需求,而Java Applet是一种能够在浏览器环境中运行的小型Java程序,非常适合用于此类任务。本项目利用Java编程语言,结合Applet技术,创建了一个实时更新的网页版电子时钟。以下是...

    固定在网页右下角的时钟代

    网页右下角的时钟组件是网页开发中的一个常见元素,它通常用于为用户提供实时的时间显示,增强用户体验。实现这样的功能需要结合HTML、CSS和JavaScript技术。以下将详细讲解如何创建一个固定在网页右下角的时钟。 ...

    嵌入网页的Java时钟(Applet)

    这个“嵌入网页的Java时钟”实例通过使用Applet技术,可以在用户打开包含它的HTML页面时,在浏览器中运行一个Java程序,显示并与系统时间同步的时钟。 首先,我们需要理解Applet的基本概念。Applet是Java的小型应用...

    html5 canvas显示日期星期的时钟代码

    在这个案例中,“html5 canvas显示日期星期的时钟代码”是关于如何使用Canvas API来创建一个动态的、实时显示日期和星期的时钟。这个功能可以让网页更加互动和实用,尤其适用于那些需要时间信息展示的网页应用。 ...

    网页时钟:HTML+CSS+JS

    在网页时钟中,CSS可以用来设置时钟的外观,包括颜色、字体、边框、背景、布局等。例如,通过CSS选择器定位到HTML中的时钟元素,然后应用相应的样式规则,可以创建出各种风格的数字或指针式时钟。CSS还可能用到了...

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

    这些方法在数字时钟中至关重要,因为它们提供了实时时间数据供JavaScript代码处理和显示。 3. **Canvas API**: - `clearRect()`: 清除画布的指定区域,用于每秒更新时钟时擦除旧的时钟数值。 - `fillText()`: 在...

    翻页时钟网页版(精美多功能翻页时钟源码)

    1. HTML 结构:HTML (HyperText Markup Language) 用于构建网页的基本骨架,定义了时钟在页面上的布局,如时间元素的容器、按钮和其他交互元素。 2. CSS 样式:CSS (Cascading Style Sheets) 用来控制网页的样式和...

    网页版翻页时钟.zip

    在这个翻页时钟中,HTML文件可能包含了时间显示的容器以及页面布局所需的元素。例如,它可能会有一个`&lt;div&gt;`标签来作为时钟的容器,然后通过CSS(Cascading Style Sheets)进行样式设置,使其具有翻页动画效果。 ...

Global site tag (gtag.js) - Google Analytics