`

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=GB18030">
<title>Insert title here</title>
<script type="text/javascript">
function startTime(){
 var today = new Date();
 var H = checkTime(today.getHours());
 var M = checkTime(today.getMinutes());
 var S = checkTime(today.getSeconds());
 document.getElementById('txt').innerHTML = H+':'+M+':'+S;
 setTimeout('startTime()',500)
}

function checkTime(i){
 if(i<10){
  return "0"+i;
 }else{
  return i;
 }
}
</script>
</head>
<body onload="startTime()"> 
<div id="txt"></div>
</body>
</html>

分享到：
| linux命令集_linux常用命令
评论
发表评论

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

相关推荐

    JavaScript开发一个时钟

    在HTML文件中，我们可以创建一个div元素，作为时钟显示的容器： ```html &lt;!DOCTYPE html&gt; , initial-scale=1.0"&gt; &lt;title&gt;JavaScript时钟 &lt;div id="clock"&gt;&lt;/div&gt; &lt;script src="clock.js"&gt; ``` 接...

    基于JavaScript的数字时钟

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

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

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

    js实现的一个时钟页面

    从给定的文件信息来看，这是一段使用JavaScript编写的代码，用于在网页上创建一个时钟页面。这个时钟不仅显示当前的时间，还包含了日期信息。以下是对这段代码涉及的关键知识点的详细解析： ### 1. HTML与...

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

    接下来，我们将创建一个HTML元素来显示时钟。可以使用`&lt;div&gt;`或其他元素，然后通过CSS进行美化。例如，我们可以设置背景色、字体大小和颜色等样式： ```html &lt;div id="clock"&gt;&lt;/div&gt; ``` 现在，我们用JavaScript来...

    纯Js实现的精美液晶时钟

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

    通过JavaScript实现一个动态时钟

    【标题】"通过JavaScript实现一个动态时钟"的知识点解析 在Web开发中，JavaScript是一种不可或缺的编程语言，它能够使网页具有交互性。本文将深入探讨如何利用JavaScript来创建一个实时更新的动态时钟。这个功能...

    node.js时钟案例

    在本文中，我们将深入探讨如何使用Node.js构建一个时钟案例。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许我们在服务器端编写JavaScript代码，实现强大的网络应用功能。结合CSS和前端技术，我们可以...

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

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

    javascript+html实现的时钟

    在这个例子中，`time2.htm`文件可能包含一个简单的HTML结构，用于显示时钟。HTML代码可能会有一个`&lt;div&gt;`元素作为时钟的容器，例如： ```html &lt;!DOCTYPE html&gt; &lt;title&gt;JavaScript实时时钟 #clock { font-...

    js做的精简时钟

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

    js动态炫酷数字时钟

    【js动态炫酷数字时钟】是一个利用JavaScript和CSS技术实现的创新时钟设计，它以其独特的LED数字显示风格，为网页添加了引人注目的视觉效果。在这款时钟中，时间以数字形式实时更新，模拟了真实世界中LED显示屏的...

    基于javascript实现动态时钟效果

    本篇内容主要围绕如何使用JavaScript编程语言制作一个动态时钟效果，包括显示当前日期和时间，并且每秒更新一次，这种动态时钟在网页设计中能够提供实时的用户体验。 首先，需要了解JavaScript是一种高级的、解释型...

    用JS实现的时钟和倒计时程序

    通过`time.html`文件，我们可以将这些JavaScript代码嵌入到HTML中，创建一个简单的时钟和倒计时网页。用户打开页面后，就能看到实时更新的时钟和倒计时效果。 总的来说，实现时钟和倒计时程序是JavaScript学习的...

    javascript写的时钟

    1. **全局变量与函数**：在实现时钟功能时，通常会定义一个全局变量来存储当前时间，并编写一个或多个函数来更新和显示时间。 2. **`setInterval()` 函数**：这个函数用于每隔一定的时间（以毫秒为单位）执行指定的...

    js实现时钟效果

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

    一个简单的JavaScript时钟可以显示一天中的1440分钟

    在这个场景中，我们讨论的“一个简单的JavaScript时钟可以显示一天中的1440分钟”是一个用JavaScript实现的计时器，它不仅显示小时和分钟，还可能包括秒，以展示一天中每一分钟的流逝。 首先，让我们了解一下...

    JS模拟时钟盘面转动效果

    总的来说，实现JS模拟时钟盘面转动效果是一个结合了HTML结构、CSS样式和JavaScript动态功能的综合实践。通过理解时间的表示和转换，以及熟练运用DOM操作和动画效果，开发者可以创建出一个既实用又美观的模拟时钟。这...

    javascript模拟LED电子时钟

    自己通过div组装一个LED时钟显示器，用javascript控制LED显示时间，一个很好的教学例子。

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