jquery.min.js、flipclock.js、flipclock.css文件
引入文件新建一个HTML文件,引入jQuery和flipclock.js以及flipclock.css文件。该计时器插件需要jQuery 1.7.x+的支持。
HTML结构该计时器插件使用一个空的
JAVASCRIPTFlipClock需要jQuery来管理页面上的DOM元素。它是典型的jQuery插件,但是它返回的不是jQuery对象,而是一个FlipClock对象。
配置参数autoStart:类型:boolean。如果设置为false,时钟不会自动开始运行。默认值为true。countdown:类型:boolean。如果设置为true,时钟会以向上翻页的形式执行计时动画。默认值为false。callbacks:类型:object。在各种时间事件被触发后返回的一个对象回调函数。classes:类型:object。用于添加到DOM元素上的CSS类的对象。clockFace:类型:string。用于创建所显示时钟的名称。默认值为HourlyCounter。defaultClockFace:类型:string。如果 clock face 没哟丠定义,使用该参数来作为默认的 clock face 。默认值为HourlyCounter。defaultLanguage:类型:string。默认使用的语言。默认值是english。
主要方法start():在FlipClock对象是上调用该方法会使时钟开始动画。clock.start(function() {// this (optional) callback will fire each time the clock flips});stop():该方法会将时钟动画停止。clock.stop(function() {// this (optional) callback will fire after the clock stops});setTime():该方法会在初始化后设置时钟的时间。clock.setTime(3600);setCountdown():该方法会改变计数器的计数方式,向上或向下计数。clock.setCountdown(true);getTime():在初始化后获取时钟的时间。 var time = clock.getTime();
四种应用效果分别为:日时分秒计时、计数器效果、12小时制计时、24小时制计时。
- 1
jQuery翻页式电子时钟插件的应用方法
- 2
婚前财产协议合法的条件,签订婚前财产协议要公
- 3
夫妻婚前财产包括什么,婚前财产公证的程序
- 4
财产分割协议的内容有哪些,财产分割协议的范本
- 5
离婚财产分割协议的内容,离婚财产分割协议要注
- 6
婚内财产分割协议的好处,离婚财产分割协议可以
- 7
婚前财产分割合同的格式是什么,财产分割合同能
- 8
婚前财产约定协议的内容有哪些,需要准备哪些材
- 9
婚前财产约定协议的内容,婚前财产约定协议如何
- 10
婚前财产分割合同的内容有哪些,格式是什么?
- 11
婚前财产协议书的内容,起草婚前财产协议书应注
- 12
关于婚前财产协议的相关内容,婚前财产协议的注
- 13
夫妻财产公证协议咋写,怎么写,注意事项有哪些
- 14
Navicat for MySQL连接MySQL出现错误代码1045
- 15
打开Android Studio后出现JDK Required解决方法
- 16
FrontPage中如何美化布局表格
- 17
外墙清洗怎么报价
- 18
java不同软件包怎么互相访问
- 19
全面解析剑魂之刃极寒冰刃bug技能冰鸠
- 20
冷冻的西红柿怎么化冻
- 21
零奶油芒果冰欺凌
