html页面时钟插件,Clock.jsHTML5模拟时钟jQuery插件

插件描述：clock.js是一款简单的HTML5模拟时钟jQuery插件。该HTML5模拟时钟基于Canvas制作，有3种内置的主题，它带有时钟表盘界面和数字刻度，简单实用。

使用方法

使用该时钟插件需要在页面中引入jquery和clock.js文件。

HTML结构

可以实用一个

作为该模拟时钟的容器。

CSS样式

需要将时钟容器的定位方式设置为相对定位。.clock { position: relative;}

初始化插件

在页面DOM元素加载完毕之后，可以通过clock()方法来初始化该时钟插件。var clock = $(".clock").clock({

width: 300, // set width

height: 450, // set height

theme: 't1', // set theme => 't1' 't2' 't3'

date: new Date() // set date => new Date()

}),

data = clock.data('clock');

配置参数width：时钟的宽度。

height：时钟的高度。

theme：主题，可选值有：t1,t2,t3。

date：设置时钟的时间。

方法

在初始化时钟对象之后，可以通过对象的dada()方法获取时钟的数据对象，该对象可以用于控制时钟的状态。data.pause(); // 暂停时钟

data.start(); // 开始时钟

data.setTime(new Date()); // 为时钟设置新的时间

html页面时钟插件,Clock.jsHTML5模拟时钟jQuery插件相关推荐

html页面时钟插件,Clock.js-HTML5模拟时钟jQuery插件
clock.js是一款简单的HTML5模拟时钟jQuery插件.该HTML5模拟时钟基于Canvas制作,有3种内置的主题,它带有时钟表盘界面和数字刻度,简单实用. 使用方法使用该时钟插件需要在页面 ...
开源项目之 Wall Clock Control(模拟时钟)
Wall Clock Control 是一个 MFC 的模拟时钟的组件,如图. 程序的主要成员: CWallClockSTm_Clock; CCalendar m_Calendar; COleDate ...
java模拟时钟源代码_Android实现模拟时钟(简单+漂亮)--时针、分针、秒针
前言前不久在网上看见Android实现的模拟时钟,感觉十分有意思,这里是地址: 秒表.笔者突然对其有了兴趣,也想去实现以下自己的模拟时钟.折腾了一阵子总算是弄出来了现在将实现方式共享出来,大家一些 ...
c语言图形时钟课程设计,图形模拟时钟C语言课程设计详解.doc
学号<>课程设计报告图形模拟时钟专业:计算机科学与技术班级:13计科2班姓名:指导教师:陈广宏成绩: 计算机学院 2015 年 4月 30 日目录 1 设计内容及要求1 1.1 设计内 ...
所谓 jQuery 插件，怎样开发一个 jQuery 插件
简单来说,所谓 jQuery 插件就是扩展在 jQuery 原型对象上的一个方法.通过扩展 jQuery 对象,每次调用 jQuery 对象的时候,对象里面都包含了我们自己所添加的那个方法. 一般插件 ...
模拟时钟：时钟根据时间转动
/**** 时钟根据时间转动* 模拟时钟**/ @RemoteView public class AnalogClock extends View {private Time mCalendar;pr ...
【PC工具】开源绿色好看实用桌面时钟Digital Clock 4
微信关注 "DLGG创客DIY" 设为"星标",重磅干货,第一时间送达. 今天分享一个开源绿色好看实用的桌面时钟--Digital Clock 4 桌面时钟: ...
不得不爱开源 Wijmo jQuery 插件集（10）-【Expander】(附页面展示和源码)
Expander 插件使你可以在你的网页中镶嵌另一个站点.在上一篇文章中我们,给大家介绍了 Wijmo Calendar-日历插件的特性及使用方法.感谢园子中朋友的支持,朋友们的支持给我们写这一系列文 ...
不得不爱开源 Wijmo jQuery 插件集（13）-【Tooltip】(附页面展示和源码)
Wijmo Tooltip 可以给你的网站添加动感十足的提示信息,给您的最终用户完美的工具提示!在上一篇文章中我们,给大家介绍了 Wijmo -列表插件的特性及使用方法.感谢园子中朋友的支持,朋友们的 ...

html页面时钟插件,Clock.jsHTML5模拟时钟jQuery插件

html页面时钟插件,Clock.jsHTML5模拟时钟jQuery插件相关推荐

最新文章

热门文章