`
HUYIZIZHEN
  • 浏览: 115783 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js时钟显示

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>时钟 TIME</title>
	<script type=text/javascript>
			function startTime(){
				var today = new Date();
				var h = today.getHours();
				var m = today.getMinutes();
				var s = today.getSeconds();
				h=check(h);
				m=check(m);
				s=check(s);
				document.getElementById("show").innerHTML=h+"<font size='20'>:</font>"+m+"<font size='20'>:</font>"+s;
				t=setTimeout('startTime()',500);
			}
			function check(n){
				if(n<10){
					n = "0"+n;
				}
				return "<font size=20 color='red'>"+n+"</font>";
			}
	</script>
</head>
<body onLoad="startTime()">
	<br/><br/>
	<div align = "center" id = "show">		
	</div>
</body>
</html>
分享到:
评论

相关推荐

    node.js时钟案例

    JavaScript部分则负责获取当前时间并更新时钟显示。Node.js提供了`Date`对象,可以用来获取当前时间。我们可以设置一个定时器(如`setInterval`),每隔一定时间(比如每秒)更新时钟的小时、分钟和秒数。为了在Node...

    js动态实现美观的时钟展示显示

    在JavaScript中,动态实现美观的时钟展示显示是一项常见的任务,它可以用来提升网站或应用的用户体验。本教程将深入探讨如何使用JavaScript来创建一个实时更新、界面美观的时钟组件。 首先,我们需要理解时间的基本...

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

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

    js时钟特效

    JavaScript时钟特效是一种利用JavaScript编程语言创建的动态时钟展示方式,它可以为网站增添互动性和视觉吸引力。在这款"js时钟"项目中,开发者通过编写JavaScript代码模拟了传统指针式时钟的工作原理,使得网页上的...

    js学习-数码时钟-动态显示当前时间

    在这个“js学习-数码时钟”项目中,我们将探讨如何利用JavaScript来创建一个实时更新,显示当前时间的数码时钟。 1. **基本概念** - **JavaScript**: 是一种解释型、弱类型、基于原型和事件驱动的编程语言,由网景...

    JavaScript特效大全之时钟显示在任意指定位置2.0代码

    源码之家里面可以找到原版的,只是原版的代码过于老旧,博主用ES5语言重新写了一遍并添加了一些小功能,所以称之为JavaScript特效大全之时钟显示在任意指定位置2.0代码

    基于JavaScript的数字时钟

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

    javascript+html实现的时钟

    这里的`&lt;style&gt;`标签定义了时钟显示的样式,而`&lt;script&gt;`标签则链接了一个名为`script.js`的外部JavaScript文件,这个文件将包含实现时钟功能的代码。 接下来,我们讨论JavaScript部分。`script.js`文件会包含一个...

    jsp实现时钟显示代码

    本代码提供了一个完整的jsp实现时钟显示的解决方案,涉及了JSP页面结构、JavaScript语言、数组对象、JavaScript事件处理、数学计算、HTML结构、CSS样式、JavaScript DOM操作、时间处理、JavaScript函数定义、...

    Javascript时钟

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

    纯Js实现的精美液晶时钟

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

    JS时钟。

    在这个“JS时钟”的主题中,我们将深入探讨如何使用JavaScript来创建一个实时显示时间的时钟。 首先,我们从“clock.html”文件入手。HTML是网页的基础结构,而在这个案例中,HTML文件可能包含了一个时间显示区域,...

    javascript时钟控件

    ### JavaScript时钟控件知识点详解 #### 一、概述 在网页开发中,有时我们需要在页面上显示实时的时间,这不仅能够为用户提供便利,还能增强网站的交互性和实用性。JavaScript作为一种常用的前端脚本语言,提供了...

    js时钟

    【标题】:“js时钟”指的是使用JavaScript编程语言创建的实时动态显示时间的代码实现。JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它可以直接在用户浏览器上运行,无需服务器支持,能够方便地更新...

    js实现时钟效果

    在这个“js实现时钟效果”的项目中,我们将会探讨如何使用JavaScript来创建一个实时更新的数字或模拟时钟。这个项目通常包括以下几个部分:HTML结构、CSS样式以及JavaScript逻辑。 首先,`demo.html`文件是整个页面...

    JavaScript时钟

    JavaScript时钟是一个基于JavaScript编程语言实现的实时时间显示功能,它可以动态更新页面上的时间,为用户提供当前日期和时间。在网页开发中,JavaScript时钟常用于创建动态用户体验,例如显示实时倒计时、日程提醒...

    动画效果非常炫酷的时钟效果显示插件js

    本文将深入探讨一款名为FlipClock.js的JavaScript插件,它以其独特的翻页动画效果,为网页添加了炫酷的时钟显示。这款插件允许开发者轻松地创建具有个性化样式的时钟,同时提供了丰富的自定义选项,以适应各种设计...

    JS时钟代码.zip

    在这个"JS时钟代码.zip"压缩包中,包含了一个利用CSS3和JavaScript构建的简单电子时钟的源码。这个时钟可能是一个独立的HTML页面,通过内联样式或外部CSS文件实现了视觉效果,而JavaScript则负责动态更新时间。 ...

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

    综上所述,“绿色荧光电子时钟js时钟特效源码”涵盖了JavaScript基础、DOM操作、时间处理、CSS样式应用等多个方面,是学习和实践前端开发的好材料。通过研究这个源码,开发者可以提升自己在网页动态效果实现和交互...

Global site tag (gtag.js) - Google Analytics