`
fangzhongteng
  • 浏览: 6322 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

javascript做了一个时钟(比较简单的)

阅读更多
   大家自己下载看看吧,代码有注释,也比较简单,本人新手,各位大侠,看完后给小弟提一点意见!
分享到:
评论
6 楼 fangzhongteng 2010-04-19  
rainsilence 写道
用div层叠。。。。你可以的。。。。有创意

不足:
1.只有在IE下可以运行,ff3.5和chrome4都失败。。。
2.代码风格上,javascript风格和Java类似。都是变量和方法开头字母小写。
3.你用json直接搞了个对象出来,不明白为什么要这样。是要伪装成面向对象?你这样做给人感觉是单例的。
4.在对象内部用Object.method。。。而且这个方法返回给外部的接口只有一个。那么除了ClockRun也就没有必要把其他方法作为返回给外部的接口了是哇。

改进方法
1.javascript面向对象的时候,类用function 创建,private方法直接在function内部用function,public方法可以用this.method = function,也可以用prototype.method = function(),个人倾向于后者。因为不用每次实例化的时候创建方法。
2.美观上,直接用canvas把,这种程度的直线用canvas就算是ie也可以用ex-canvas实现。


   首先谢谢指点!
    对于你提出的改进方法1,我认为首先需要用function模拟类,这样的用法,一般是可以用这个类来创建对象,而这里不需要创建对象,只需要有这么一个对象就好了,这样的好处就是,当一个js有许多方法,可以根据实现不同的功能进行分类!
   
5 楼 liuzk86 2010-02-10  
呵呵,不错啊,就是ff那里显示不出来
4 楼 yidao620c 2010-02-10  
sunwenran 写道
赞一个。注释到位。
意见:用不着每一秒都对分针时针定位吧

每一秒對秒針定位
每一分鐘對分针和时针定位 比較合理。
3 楼 sunwenran 2010-02-10  
赞一个。注释到位。
意见:用不着每一秒都对分针时针定位吧
2 楼 zcy860511 2010-02-09  
楼上正解,最近我也在研究这玩意
1 楼 rainsilence 2010-02-09  
用div层叠。。。。你可以的。。。。有创意

不足:
1.只有在IE下可以运行,ff3.5和chrome4都失败。。。
2.代码风格上,javascript风格和Java类似。都是变量和方法开头字母小写。
3.你用json直接搞了个对象出来,不明白为什么要这样。是要伪装成面向对象?你这样做给人感觉是单例的。
4.在对象内部用Object.method。。。而且这个方法返回给外部的接口只有一个。那么除了ClockRun也就没有必要把其他方法作为返回给外部的接口了是哇。

改进方法
1.javascript面向对象的时候,类用function 创建,private方法直接在function内部用function,public方法可以用this.method = function,也可以用prototype.method = function(),个人倾向于后者。因为不用每次实例化的时候创建方法。
2.美观上,直接用canvas把,这种程度的直线用canvas就算是ie也可以用ex-canvas实现。

相关推荐

    JavaScript开发一个时钟

    总结来说,开发一个JavaScript时钟涉及以下关键知识点: 1. HTML基础:创建基本的HTML结构,包括标题、样式链接和脚本链接。 2. CSS基础:设计时钟的样式,如尺寸、颜色、字体等。 3. JavaScript基础:使用`Date`...

    基于JavaScript的数字时钟

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

    一个javascript做的时钟

    你可以打开这个文件查看具体的实现细节,学习如何结合Date对象和DOM操作来创建一个实时更新的JavaScript时钟。 这个简单的例子不仅展示了JavaScript的基础用法,还涉及到时间和日期处理、DOM操作等重要概念。对于...

    javascript+html实现的时钟

    在JavaScript和HTML中实现一个时钟是一个经典的前端编程练习,它可以帮助我们理解DOM操作、事件循环以及时间处理等基础知识。这个程序通常会在浏览器环境中运行,通过JavaScript动态更新HTML页面来显示当前时间。 ...

    Javascript时钟

    以上就是一个简单的JavaScript时钟的基本实现。当然,还可以根据需求进行扩展,例如添加时区转换、日期显示、24小时制等特性。 在实际应用中,我们可能会将这段JavaScript代码封装成一个函数或类,以便于复用和维护...

    javascript时钟

    通过以上步骤,我们就可以创建一个简单的JavaScript 12小时制时钟。实际应用中,还可以考虑增加样式,使时钟更美观,或者添加其他功能,如显示秒数或日期。记得在浏览器环境中运行代码,确保时钟正常工作。

    简单的javascript时钟

    我个人编写的简单的javascript时钟 供初学朋友学习使用

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

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

    javascript写出的时钟

    这个JavaScript时钟实例是一个基本的实时数字到模拟时钟的转换,它利用了JavaScript的事件循环机制和定时器(`setTimeout`),确保每秒钟更新一次时钟的显示。通过这种方式,开发者可以创建出具有动态效果的交互式...

    JS实现的简易时钟

    下面是一个简单的JavaScript时钟实现步骤: 1. **HTML结构**:创建一个`<div>`元素作为时钟的容器,通常我们会在CSS中设置其样式使其看起来像一个时钟。 ```html <div id="clock"></div> ``` 2. **JavaScript部分...

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

    在这个场景中,我们讨论的是一个用JavaScript实现的简单时钟,它能够展示一天中的1440分钟,即从0到1439分钟。这个时钟可能是通过实时更新页面上的时间显示来实现的,这涉及到JavaScript的日期和时间处理,以及...

    JavaScript时钟

    下面我们将深入探讨JavaScript时钟的工作原理、相关知识点以及如何创建一个简单的JavaScript时钟。 1. JavaScript基础: JavaScript是一种解释型的、轻量级的、基于原型的脚本语言,主要应用于Web浏览器中,负责...

    简单的Javascript 时钟

    用Javascript编写的时钟,是一个代码非常简单的文字时钟。

    一个简单的时钟

    标题“一个简单的时钟”指的是一个能够显示当前时间的简单程序。这个程序可能是用各种编程语言编写的,比如JavaScript、Python、C++等,用于在计算机或网页上创建一个直观的时间显示界面。在这个项目中,开发者可能...

    使用 HTML、CSS 和 JavaScript 的简单模拟时钟

    这是一个使用 HTML、CSS 和 JavaScript 的简单模拟时钟,在这里,我提供了所需的源代码,以便您可以复制代码并在您自己的工作中使用它。

    javascript动态时钟

    通过以上讲解,你应该能够理解并实现一个简单的JavaScript动态时钟。当然,实际项目中可能需要根据具体需求进行更多的定制和优化,比如处理时区、添加AM/PM标志等。希望这个解释对你的学习有所帮助。

    【JavaScript源代码】JavaScript实现简单钟表时钟.docx

    本文将详细介绍如何使用JavaScript来制作一个简单的钟表时钟。此项目不仅能够帮助读者理解JavaScript的基本操作,还能够学习到HTML与CSS的结合使用,以及如何通过JavaScript操控DOM元素进行动态效果的展示。 #### ...

    javascript时钟控件

    本文将详细介绍一个简单的JavaScript时钟控件的实现原理及代码分析。 #### 二、核心知识点 ##### 2.1 获取当前时间 JavaScript中的`Date`对象是获取和操作日期与时间的主要工具。在上述代码中,通过`new Date()`...

Global site tag (gtag.js) - Google Analytics