简易Jquery倒计时插件

引入jquery、leftTime.min.js、leftTime.css；
添加html:

<td class="colspan-a"><span id="dataInfoShow_1"></span><div class="data-show-box" id="dateShow1"><span class="date-tiem-span d">00</span>天<span class="date-tiem-span h">00</span>时<span class="date-tiem-span m">00</span>分<span class="date-s-span s">00</span>秒</div>
</td>

添加js（初始化插件数据）:

function initDate(){//时间段var clearTime1=0;function setDateSelectedFn(){//清除时间window.clearInterval(clearTime1);/*== 获取数据 ==*/var data={};//系统时间data.nowdate=new Date().getTime();//开始时间data.startdate= '2019-03-13 24:00:00';//结束时间data.enddate= '2019-03-15 18:30:00';//提前天数data.setday = 0;//是否跳过开始时间data.init= false;clearTime1=$.leftTime(data,function(d){if(d.status){var $dateShow1=$("#dateShow1");$dateShow1.find(".d").html(d.d);$dateShow1.find(".h").html(d.h);$dateShow1.find(".m").html(d.m);$dateShow1.find(".s").html(d.s);switch(d.step){case 1:$("#dataInfoShow_1").html("距离开始时间：");break;case 2:$("#dataInfoShow_1").html("距离结束时间：");break;case 3:$("#dataInfoShow_1").html("倒计时已结束：");break;default:$("#dataInfoShow_1").html("");break;}}},true);}//初始化setDateSelectedFn();
}

注：插件中开始时间、系统时间、结束时间需要根据情况赋值

简易Jquery倒计时插件相关推荐

jquery倒计时插件可自定义多个倒计时间
jquery倒计时插件设置多个自定义倒计时时间,任意设置天.小时.分钟.秒倒计时间功能. 查看演示>> <!DOCTYPE html PUBLIC "-//W3C//DTD ...
8个很棒的 jQuery 倒计时插件和教程
jQuery 是最流行也是使用最广泛的 JavaScript 框架,它简化了 HTML 文档操作,事件处理,动画效果和 Ajax 交互.下面向大家分享8个优秀的 jQuery倒计时插件和教程. jQu ...
html广告20s倒计时,简单时尚的jQuery倒计时插件
SyoTimer是一款简单时尚的jQuery倒计时插件.该计时器插件支持IE8+的现代浏览器,它的界面简洁,功能齐全.它的特点还有: 在计时器计时结束之后的回调函数中可以修改计时器的结构. 可以周期的 ...
漂亮实用的jQuery倒计时插件特效代码
原文:漂亮实用的jQuery倒计时插件特效代码源代码下载地址:http://www.zuidaima.com/share/1799598875675648.htm
基于jQuery倒计时插件实现团购秒杀效果
倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间.倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等.今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的 ...
一款简单的Bootstrap和jQuery倒计时插件
下载地址一款简单漂亮的jQuery计时器插件.该计时器插件可以实现秒.分钟和小时的计时功能,并带有开始.暂停和重新开始计时的按钮功能. 该计时器插件的计时功能依赖于jquery-runner插件. ...
html5 倒计时插件,基于HTML5 time元素的倒计时jquery插件
这是一款简单的基于HTML5 time元素的倒计时jquery插件.该jquery倒计时插件提供默认的翻牌样式,可以在所有支持HTML5 time元素的浏览器中正常工作. 安装可以通过npm来安装j ...
jQuery自适应倒计时插件
jQuery自适应倒计时插件在线演示本地下载更多专业前端知识,请上 [猿2048]www.mk2048.com
jquery.countdown 倒计时插件的学习
1.第一种简单的使用第一个时间是你的倒计时截止时间,finalDate格式可以是YYYY/MM/DD MM/DD/YYYY YYYY/MM/DD hh:mm:ss MM/DD/YYYY hh:mm: ...

简易Jquery倒计时插件

引入jquery、leftTime.min.js、leftTime.css；

添加html:

添加js（初始化插件数据）:

注：插件中开始时间、系统时间、结束时间需要根据情况赋值

简易Jquery倒计时插件相关推荐

最新文章

热门文章