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

js 实现 时钟

    博客分类:
  • ff
 
阅读更多

function clockon() {
 thistime= new Date()
 var hours=thistime.getHours()
 var minutes=thistime.getMinutes()
 var seconds=thistime.getSeconds()
 if (eval(hours) <10) {hours="0"+hours}
 if (eval(minutes) < 10) {minutes="0"+minutes}
 if (seconds < 10) {seconds="0"+seconds}
 thistime = hours+":"+minutes+":"+seconds
 $('#hour').html('<font size="100px">'+hours+'</font>');
 $('#minute').html('<font size="100px">'+minutes+'</font>');
 var timer=setTimeout("clockon()",1000)
 }

 

 

<div
   style="margin-left: 150px; padding-top: 35px; width: 267px; height: 91px;"
   id="timerDiv">
  <div style="float: left; margin-left: 40px; padding-top: 10px;"
   id="hour">&nbsp;</div>
  <div
   style="float: left; float: left; margin-left: 65px; padding-top: 10px;"
   id="minute">&nbsp;</div>
  </div>

 

分享到:
评论

相关推荐

    js实现时钟效果

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

    JS实现时钟效果honehone_clock

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

    HTML+CSS+JS实现时钟表白效果源码+素材

    在这个"HTML+CSS+JS实现时钟表白效果源码+素材"的项目中,我们将探讨如何利用这些技术来创建一个创新且浪漫的表白方式。 首先,HTML(HyperText Markup Language)是网页的基础,它定义了网页的结构。在这个表白...

    javascript背景时钟实现方法.docx

    JavaScript 背景时钟实现方法是一种使用 JavaScript 实现时钟背景效果的方法,该方法主要介绍了 JavaScript 背景时钟实现方法,涉及 JavaScript 时间及页面元素样式的相关操作技巧。 时钟显示位置 在该方法中,...

    html+css+js实现罗盘时钟

    本项目“html+css+js实现罗盘时钟”利用这三种语言的特性,创建了一个能够实时显示当前时间的动态罗盘时钟。接下来,我们将详细探讨这个项目中涉及的关键知识点。 首先,HTML(HyperText Markup Language)作为网页...

    html+css+js实现时钟

    内容概要:通过html+css2D变换属性绘制时钟表盘,并通过js时间函数获取北京时间并实时更新; 核心内容:css的2d变换、...js时间函数。 能学到什么:定位的巧妙应用 阅读建议:本资源原理较为简单,适合初学者借鉴一下。

    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实现的时钟翻页HTC效果

    接着,"iclock.js"是实现时钟功能的核心脚本文件。在这个文件中,JS代码会执行以下关键步骤: 1. **获取时间**:通过`new Date()`获取当前系统时间,并将其分解为小时、分钟和秒。 2. **更新显示**:根据获取到的...

    css3+js实现锤子时钟样式

    CSS3的动画是实现时钟动态效果的关键。我们可以使用`@keyframes`规则创建自定义动画,定义从一个状态到另一个状态的变化。在这个锤子时钟中,可能会有一个动画用于指针的转动,使其看起来像真实时钟那样运动。同时,...

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

    在JavaScript中实现时钟和倒计时程序是前端开发中常见的任务,这涉及到对时间、日期对象的理解以及事件循环机制的运用。以下是对这个主题的详细讲解。 首先,JavaScript中的`Date`对象是处理时间的基础。它允许我们...

    基于javascript实现动态时钟效果

    在实现动态时钟效果时,JavaScript中的Date对象是必不可少的,它提供了获取和操作日期和时间的方法。 在提供的代码中,首先通过`&lt;script&gt;`标签引入了JavaScript代码。在其中定义了一个`start`函数,该函数的主要...

    纯Js实现的精美液晶时钟

    2. **定时器**:为了实现时钟的实时更新,我们需要使用`setInterval`函数。它会按照指定的间隔(以毫秒为单位)重复执行一个函数。在液晶时钟中,这个函数会负责获取新的时间并更新显示。 3. **DOM操作**:液晶时钟...

    javascript实现动态时钟

    通过这种方式,我们可以实现一个动态的JavaScript时钟。这个项目不仅可以帮助初学者理解JavaScript时间和日期处理,还可以深入学习CSS3的动画和变换效果。在实际的博客说明中,可以详细解释每个步骤,并提供完整的...

    javascript实现炫酷的网页版时钟

    这款炫酷的网页时钟是通过JavaScript技术实现的,为网页增添了一抹时尚和创意的色彩。时钟界面设计简洁美观,融合了令人惊艳的动态效果,为用户提供了一种全新的时间感知体验。 通过巧妙运用JavaScript编写的时钟...

    原生js实现动态指针时钟效果

    本示例主要讲解如何利用原生JavaScript来实现一个动态指针时钟效果,结合CSS3的样式处理,为用户带来直观且生动的时间显示体验。下面我们将深入探讨这个话题,了解如何构建这样的时钟。 首先,我们需要在HTML中创建...

    纯js实现电子时钟特效

    【纯js实现电子时钟特效】是一个编程实践项目,它展示了如何使用JavaScript语言来创建一个实时更新的时间显示功能。在这款电子时钟中,不仅能够显示当前时间(小时、分钟和秒),还能够显示星期几以及是上午还是下午...

    javascript+html实现的时钟

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

    通过JavaScript实现一个动态时钟

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

    js+css3实现扁平化时钟走动动画效果

    在本文中,我们将深入探讨如何使用JavaScript(JS)和CSS3技术来实现一个扁平化的时钟走动动画效果。这种效果通常用于增强网站的用户体验,提供实时的时间信息,并且可以作为网页设计中的一个视觉焦点。 首先,让...

    JS实现的LED数字时钟特效源码.zip

    在本资源中,我们拥有的是一个使用JavaScript实现的LED数字时钟特效的源代码。JavaScript是一种广泛用于前端开发的编程语言,它允许开发者在网页上动态地创建交互式元素和效果。LED数字时钟是一种常见的时间显示方式...

Global site tag (gtag.js) - Google Analytics