素材牛

jQuery简单实用的倒计时插件

 所属分类:网页特效-时间和日期

 浏览:307次-  下载:2次-  评论:0次-  发布时间:2018-11-22
jQuery简单实用的倒计时插件兼容IE11
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
素材描述:一个使用jQuery写的简单倒计时小插件

详细介绍

使用说明

1、此插件依赖jQuery,版本:>1.8
2、css样式部分可以参考现在的countDown.css自己定义,结构比较简单
3、使用时先定义一个html容器,对标签没有限制
4、使用:

/*
    *$opts是一个简单对象,其中:如果传递了有效的title参数,则忽略prefix,suffix两个参数
    *time_end是要到达的时间,时间比当前时间小则倒计时会隐藏
    *插件绑定了3个事件:countDownStarted(启动) countDownRestarted(重启)  countDownEnded(停止) 
    *一个对外方法:setOpts($opts),用于在倒计时运行过程中修改参数重启倒计时
    * @param $container 倒计时容器
    * @param $opts 参数{title,prefix,suffix,time_end},title优先级最高
*/
countDown($container,$opts)//来进行初始化.
.on()//绑定事件(等同jQuery绑定事件方法)
.off()//解除事件(等同jQuery解除事件方法)

文件目录结构

  • ┝ countDown.css
  • ┝ countDown.js
  • ┝ index.html
  • ┝ jquery-3.2.1.min.js

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:3 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证