jQuery倒计时/计时器/时间插件

jQuery倒计时/计时器/时间插件

收藏
jQuery倒计时/计时器/时间插件
一款jQuery TimeTo.js倒计时间插件。该插件可精确到毫秒,默认实现翻页式数字时间滚动效果。
  • 软件 Dreamweaver
  • 格式 HTML
  • 作者 小希望
  • 上传时间 5年前

使用方法:

1、head引入css文件

<link href="css/timeTo.css" type="text/css" rel="stylesheet"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.time-to.js"></script>


3、body引入部分

<div id="countdown"></div>

<script type="text/javascript">

	$('#clock-1').timeTo();

</script>

4、参数配置

callback:倒计时结束后的回调函数。

captionSize:caption的字体大小。设置为0将自动计算。

step:每次stepCount的回调函数。

stepCount:步长数。

countdown:如果是false,将作为时钟使用,否则作为倒计时使用。

countdownAlertLimit:倒计时后多少秒给倒计时添加timeTo-alertcss样式。默认为10。

displayDays:是否显示天数。

displayCaption:是否显示caption。

displayHours:是否显示小时数。

fontFamily:字体。

fontSize:字体大小。

lang:语言。

languages:语言包,是一个对象,key是lang,value是时分秒。

seconds:倒计时的初始秒数,默认为0。

start:true表示立刻开始倒计时。

theme:主题,支持white和black。

time:时间格式。

timeTo:一个日期对象,指定当前日期或倒计时到哪个日期。

使用声明

1. 本站所有素材(未指定商用),仅限学习交流请勿用于商业用途。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。