jq倒计时html源码,jquery开发实现倒计时网页特效源码,有环形效果
菜鸟又来喽,发现一个很不错的倒计时jquery插件,有环形特效,先上图:
已经测试木有问题,代码是开源的,下面是地址:http://www.dowebok.com/62.html
没币的同学可以去官网下载,土豪同学可以直接下载附件撒。同时我也贴一下官网给出的说明:
TimeCircles 是一个 jQuery 时间类插件,它能够制作出一个漂亮环的形时间,可用于计时或倒计时。虽然 TimeCircles 默认的样式已经很漂亮了,但它还提供了各种参数来自定义,你可以很方便的设置包括环形的大小、进度条的大小、环形的颜色、进度条的颜色、多少刷新以及控制暂停和开始。
兼容性
TimeCircles 的环形面板是 HTML5 canvars,所以它不兼容 IE6 – IE8。
使用方法
1、引入文件
2、HTML
可选data-date和data-timer两个属性,data-date 的值是具体的莫一天多少小时多少分钟多少秒,如2014-01-01 00:00:00,他的作用是计算现在与这个时间过了多久或还有多久;data-timer 的值是一个整数,如900,它的作用是一个秒表,单位是秒。如果这两个属性都缺省,那么它会在页面一开始的时候从0秒开始计时。
3、JavaScript$(function(){
$(.someTimer').TimeCircles();
});
参数参数类型说明默认值start布尔值是否自动开始true
refresh_interval数字多少时间刷新面板0.1
count_past_zero字符串截止后是否归0,当倒计时结束后面板全部显示0true
circle_bg_color字符串环形背景颜色#60686F
use_background布尔值是否显示背景颜色true
fg_width数字环形宽度0.1
bg_width数字进度条的宽度1.2
timejson单独设置每个环形的文字、颜色50
start()函数开始无
stop()函数停止无
destroy()函数从页面中删除计时器无
基本上就这些了,木有什么技术含量,毕竟是人家已经写好的,但是有需要的同学可以直接拿来撒。
jq倒计时html源码,jquery开发实现倒计时网页特效源码,有环形效果相关推荐
- 仿京细菜谱微信小程序源码 云开发菜谱微信小程序源码
京细菜谱是一个美食分享网站,提供优质的家常菜谱大全,仿京细菜谱小程序源码为喜欢美食的朋友提供了很多的美食烹饪教程 让您轻松学会做美食.对不同食材和地域的饮食做了不同的分类和详细的做菜方法 分类十分详细 ...
- 雪花飞舞的java程序_jqmcsnow jquery圣诞节雪花飘落网页特效,配上了 树和雪景,在加上本效果实现的 飞 JavaScript 238万源代码下载- www.pudn.com...
文件名称: jqmcsnow下载 收藏√ [ 5 4 3 2 1 ] 开发工具: Java 文件大小: 146 KB 上传时间: 2014-09-28 下载次数: 0 详细说明:jquery ...
- 使用jQuery 快速高效制作 网页特效
使用jQuery 快速高效制作 网页特效 第一章:JavaScript基础 DOM:document object model 文档对 ...
- php下拉菜单指示图标如何添加,jquery实现很酷的网页顶部图标下拉菜单效果
本文实例讲述了jquery实现很酷的网页顶部图标下拉菜单效果.分享给大家供大家参考.具体如下: 兼容IE和火狐的顶部菜单栏,带图标的图文菜单,还有右上角的下拉导航效果,一个演示包括了两种菜单,都是很实 ...
- webbrowser抓取php网页源码,获取webbrowser控件 网页的源码(收藏)
获取webbrowser控件 网页的源码(收藏) 翻译|其它|编辑:郝浩|2005-04-28 09:45:00.000|阅读 3152 次 概述: 我在网上找到使用rft控件保存webbrowse文 ...
- jQuery带logo的网页二维码生成
jquery生成带logo的二维码非常非常简单 主要引用utf.js/jquery.qrcode.js jquery.qrcode.js是下载之后修改过的,如果大家想要可以去我的网盘下载 链接地址:h ...
- java实现简单扫码登录功能(模仿微信网页版扫码)
java实现简单扫码登录功能 模仿微信pc网页版扫码登录 使用js代码生成qrcode二维码减轻服务器压力 js循环请求服务端,判断是否qrcode被扫 二维码超时失效功能 二维码被扫成功登录,服务端 ...
- android 快传 源码_最新安卓仿茄子快传APP源码包括服务端源码Android开发快传类项目源码全套...
适使用范围: 安卓APP茄子快传源码 Android项目源码相似茄子快传的快传项目包括服务端 运行环境: Android app 源码详细: 本项目是一个基于安卓的相似茄子快传的项目源码,包括安卓 ...
- 语音系统源码的开发,一对一语音直播源码
对于大多数人来说,直播已经不再陌生了,所谓是家喻户晓,只要是有智能手机,对于直播肯定是有所了解,对于直播大家想到是娱乐性的互动直播,其实视频直播的话也不是只有这一种方式,还有语音直播等多种类型的直播方 ...
最新文章
- 二进制(bit)整数
- hdu 2136 筛法求素数
- java: 找不到符号 符号: 方法 setOperation(java.lang.String) 位置: 类型为.......
- linux安装指定mysql版本安装,linux yum安装指定版本mysql
- 织梦dedecms模板--物流快递网站模板源码-带手机版数据同步
- 工作中常用的linux命令,Linux工作中常用到的一些命令(持续更新)常用的
- SpringCloud 实战:禁止直接访问后端服务
- 在线GIF图片帧拆分工具
- 编写自己的代码库(javascript常用实例的实现与封装)
- 两分钟学会线性同余法产生伪随机数
- 金蝶k3cloud安装时,k3cloudmanager没有,该如何处理
- 使用Safari只要打开echarts图表的网址会使Safari未响应
- h5 调取前置摄像头
- 红孩儿编输器的模块设计14
- App Store 3月下载量下滑
- 迁移学习前沿探究探讨:低资源、领域泛化与安全迁移
- 浅谈Echarts3.0
- no moudle named ‘sklearn‘
- C#WEB项目中使用WebBrowser组件
- POI读写excel简单教程