- 浏览: 56235 次
- 性别:
- 来自: 山东济南
最新评论
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"> </div>
<div
style="float: left; float: left; margin-left: 65px; padding-top: 10px;"
id="minute"> </div>
</div>
发表评论
-
jasperreports-3.7.0.1.jar
2012-09-21 20:51 683jasperreports-3.7.0.1.jar -
加班工时问题
2012-08-24 19:57 691王磊 王颖 杨双双 姚龙 董路 ... -
苏选4
2012-05-21 15:30 654下我主动把这个烫手的山芋接手过来,过去的6年我也遇到过很多困难 ... -
苏璇2
2012-05-21 15:29 724在过去的六年我严格的要求自己如何成为优秀的软件工程师,学习了好 ... -
苏璇转正申请
2012-05-21 15:28 783尊敬的公司领导: 我于2012年3月20日进入公司,根据公司 ... -
下周工作安排
2012-05-04 21:14 658首先,大家要发工作计划,精确到天,每天下班之前保证交付。如果是 ... -
项目一个迭代周期内的开发流程 zhuan
2012-05-01 18:55 5062软件项目开发,一般都 ... -
一事经理制度安排
2012-04-29 09:54 1150一事经理制度安 ... -
eval(result.data)
2012-02-03 09:31 935eval(result.data) result是aj ... -
日志11-18
2011-11-18 11:04 6391、smartphone分析需求明确 100% 虽然完成 ... -
11-16-2
2011-11-16 13:53 682我示意让她坐在我旁边,没说什么,只是又盯回屏幕,在看到鬼 ... -
11-16
2011-11-16 13:53 636坏蛋白了我一眼然后闪了,剩我自己在那,不知过了多久,我感 ... -
11月十四日
2011-11-14 13:43 549最近天气不太好,我悲摧的被同学感染了,也得了感冒,嗓子哑哑的, ... -
flot 中文api
2011-11-01 20:36 18016最近正在使用JQuery的flot进行画图,但是这方面的中 ... -
10-29日报
2011-10-29 09:14 669excel数据库导出数据为空==数据库某表少了数据 R ... -
win8不足之处
2011-10-19 15:51 1011win8开发者预览版上线已经有一段时间了,笔者用的机器是老的I ... -
10-14
2011-10-14 15:59 5251、精简代码后出现的问题解决 50% 将jndi得 ... -
123
2011-09-22 13:08 46821 4、确定不需要的entity统计 100% 否 09- ... -
sdf
2011-09-22 13:04 73409.14 统计模块完成50%(挂起) Utms包下河gs ... -
fff
2011-09-21 17:25 787sdfds
相关推荐
在这个“js实现时钟效果”的项目中,我们将会探讨如何使用JavaScript来创建一个实时更新的数字或模拟时钟。这个项目通常包括以下几个部分:HTML结构、CSS样式以及JavaScript逻辑。 首先,`demo.html`文件是整个页面...
在本案例中,"JS实现时钟效果honehone_clock"是一个使用JavaScript编写的时钟应用,它能够实时显示当前时间,提升网页的互动性和用户体验。时钟效果通常涉及到DOM操作、事件监听和时间格式化等多个技术点。 1. **...
在这个"HTML+CSS+JS实现时钟表白效果源码+素材"的项目中,我们将探讨如何利用这些技术来创建一个创新且浪漫的表白方式。 首先,HTML(HyperText Markup Language)是网页的基础,它定义了网页的结构。在这个表白...
JavaScript 背景时钟实现方法是一种使用 JavaScript 实现时钟背景效果的方法,该方法主要介绍了 JavaScript 背景时钟实现方法,涉及 JavaScript 时间及页面元素样式的相关操作技巧。 时钟显示位置 在该方法中,...
本项目“html+css+js实现罗盘时钟”利用这三种语言的特性,创建了一个能够实时显示当前时间的动态罗盘时钟。接下来,我们将详细探讨这个项目中涉及的关键知识点。 首先,HTML(HyperText Markup Language)作为网页...
内容概要:通过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+...
接着,"iclock.js"是实现时钟功能的核心脚本文件。在这个文件中,JS代码会执行以下关键步骤: 1. **获取时间**:通过`new Date()`获取当前系统时间,并将其分解为小时、分钟和秒。 2. **更新显示**:根据获取到的...
CSS3的动画是实现时钟动态效果的关键。我们可以使用`@keyframes`规则创建自定义动画,定义从一个状态到另一个状态的变化。在这个锤子时钟中,可能会有一个动画用于指针的转动,使其看起来像真实时钟那样运动。同时,...
在JavaScript中实现时钟和倒计时程序是前端开发中常见的任务,这涉及到对时间、日期对象的理解以及事件循环机制的运用。以下是对这个主题的详细讲解。 首先,JavaScript中的`Date`对象是处理时间的基础。它允许我们...
在实现动态时钟效果时,JavaScript中的Date对象是必不可少的,它提供了获取和操作日期和时间的方法。 在提供的代码中,首先通过`<script>`标签引入了JavaScript代码。在其中定义了一个`start`函数,该函数的主要...
2. **定时器**:为了实现时钟的实时更新,我们需要使用`setInterval`函数。它会按照指定的间隔(以毫秒为单位)重复执行一个函数。在液晶时钟中,这个函数会负责获取新的时间并更新显示。 3. **DOM操作**:液晶时钟...
通过这种方式,我们可以实现一个动态的JavaScript时钟。这个项目不仅可以帮助初学者理解JavaScript时间和日期处理,还可以深入学习CSS3的动画和变换效果。在实际的博客说明中,可以详细解释每个步骤,并提供完整的...
这款炫酷的网页时钟是通过JavaScript技术实现的,为网页增添了一抹时尚和创意的色彩。时钟界面设计简洁美观,融合了令人惊艳的动态效果,为用户提供了一种全新的时间感知体验。 通过巧妙运用JavaScript编写的时钟...
本示例主要讲解如何利用原生JavaScript来实现一个动态指针时钟效果,结合CSS3的样式处理,为用户带来直观且生动的时间显示体验。下面我们将深入探讨这个话题,了解如何构建这样的时钟。 首先,我们需要在HTML中创建...
【纯js实现电子时钟特效】是一个编程实践项目,它展示了如何使用JavaScript语言来创建一个实时更新的时间显示功能。在这款电子时钟中,不仅能够显示当前时间(小时、分钟和秒),还能够显示星期几以及是上午还是下午...
这里的`<style>`标签定义了时钟显示的样式,而`<script>`标签则链接了一个名为`script.js`的外部JavaScript文件,这个文件将包含实现时钟功能的代码。 接下来,我们讨论JavaScript部分。`script.js`文件会包含一个...
【标题】"通过JavaScript实现一个动态时钟"的知识点解析 在Web开发中,JavaScript是一种不可或缺的编程语言,它能够使网页具有交互性。本文将深入探讨如何利用JavaScript来创建一个实时更新的动态时钟。这个功能...
在本文中,我们将深入探讨如何使用JavaScript(JS)和CSS3技术来实现一个扁平化的时钟走动动画效果。这种效果通常用于增强网站的用户体验,提供实时的时间信息,并且可以作为网页设计中的一个视觉焦点。 首先,让...
在本资源中,我们拥有的是一个使用JavaScript实现的LED数字时钟特效的源代码。JavaScript是一种广泛用于前端开发的编程语言,它允许开发者在网页上动态地创建交互式元素和效果。LED数字时钟是一种常见的时间显示方式...