`

用js时钟

阅读更多
<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>
分享到:
评论

相关推荐

    node.js时钟案例

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

    js+css时钟效果 js+css时钟效果

    js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+...

    js时钟特效

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

    Javascript时钟

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

    js实现时钟效果

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

    js 特效 html 特效 纯JavaScript时钟

    js 特效 html 特效 纯JavaScript时钟 js 特效 html 特效 纯JavaScript时钟

    纯Js实现的精美液晶时钟

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

    倒影时钟 javascript 倒影 时钟 源码 html IE

    描述中提到"用javascript写的练习脚本,代码很简单,适合初学者",这暗示了这个项目是一个教学资源,可能是一个简单的JavaScript代码示例,目的是帮助初学者学习如何使用JavaScript来创建动态效果,如倒影时钟。...

    javascript+html实现的时钟

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

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

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

    几款用JS写的时钟

    为了创建更复杂的时钟效果,比如数字时钟或者模拟时钟,可以使用CSS来定义样式,并结合JS来控制元素的位置和旋转。例如,对于一个模拟时钟,你可以创建几个表示小时、分钟和秒针的元素,然后通过改变它们的角度来...

    js时钟

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

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

    在IT行业中,JavaScript(简称JS)是一种广泛使用的脚本语言,尤其在网页开发中起着核心作用。这个“绿色荧光电子时钟js时钟特效源码”是开发者们实现动态、互动效果的一个实例,它利用了JS的能力来创建一个具有独特...

    JS时钟。

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

    JS时钟代码.zip

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

    js时钟(以图片为素材).rar

    总的来说,创建一个JavaScript时钟是一个很好的实践项目,它能帮助开发者熟悉JavaScript的日期和时间处理、CSS3的transform属性以及定时器的使用。通过这个项目,你可以更深入地理解Web开发中的动态交互和实时更新...

    js做的精简时钟

    综上所述,"js做的精简时钟"项目涵盖了JavaScript的基础语法、日期和时间处理、DOM操作、定时器使用以及可能的CSS样式调整。通过实践这个项目,开发者能够巩固JavaScript的核心技能,并学习如何将JavaScript与HTML和...

    JavaScript写的世界时钟js

    js的世界时钟,比较好看,比较全 有16个时区的,有重点城市的

    vue.js数字时钟本地时间代码.zip

    例如,他们可能会用`{{}}`双括号包裹表达式来插入动态数据,使用`v-if`或`v-show`指令根据时间的值决定某些元素是否显示。此外,为了格式化时间,Vue.js提供了过滤器功能,可以创建自定义过滤器来处理时间字符串,使...

    JavaScript时钟

    JavaScript时钟是一个基于...总结,JavaScript时钟的核心在于使用`Date`对象处理时间,结合`setInterval`定时更新,以及DOM操作来显示时间。理解这些知识点,你就可以轻松地在网页中创建自己的JavaScript时钟了。

Global site tag (gtag.js) - Google Analytics