小程序直播的特点_jquery完成倒计时小应用

阅读  ·  发布日期 2021-01-11 14:18  ·  admin
jquery实现倒计时小应用       这篇文章主要为大家详细介绍了jquery实现倒计时小应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

 本文实例为大家分享了jquery倒计时效果的具体代码,供大家参考,具体内容如下

html

 div id="shop_rec" 
 img src="image/goods.jpg" alt="小米 Note 顶配版" / 
 div 
 h5 小米 Note 顶配版 /h5 
 p 全网通 香槟金 移动联通 br / 双4G手机 双卡双待 /p 
 em 2998 i 起 /i /em 
 span data-starttime="" data-endtime="" /span 
 /div 
 /li 
 img src="image/goods.jpg" alt="小米 Note 顶配版" / 
 div 
 h5 小米 Note 顶配版 /h5 
 p 全网通 香槟金 移动联通 br / 双4G手机 双卡双待 /p 
 em 2998 i 起 /i /em 
 span data-starttime="" data-endtime="" /span 
 /div 
 /li 
 /ul 
 /div 

jquery

$(function(){
 var abj = $("#shop_rec"),
 timeObj = abj.find('.time');
 var starttime = timeObj.data('starttime');
 // 定时器函数
 function actionDo(){
 return setInterval(function(){
 timeObj.each(function(index, el) {
 var t = $(this),
 surplusTime = t.data('endtime') -starttime;
 if (surplusTime = 0) {
 ("活动已经开始");
 } else{
 var year = surplusTime/(24*60*60*365),
 showYear = parseInt(year),
 month = (year-showYear)*12,
 showMonth = parseInt(month),
 day = (month-showMonth)*30,
 showDay = parseInt(day),
 hour = (day-showDay)*24,
 showHour = parseInt(hour),
 minute = (hour-showHour)*60,
 showMinute = parseInt(minute),
 seconds = (minute-showMinute)*60,
 showSeconds = parseInt(seconds);
 ("");
 if (showYear 0) {
 t.append(" span "+showYear+"年 /span ")
 if (showMonth 0) {
 t.append(" span "+showMonth+"月 /span ")
 if (showDay 0) {
 t.append(" span "+showDay+"天 /span ")
 if (showHour =0) {
 t.append(" span "+showHour+"小时 /span ")
 if (showMinute =0) {
 t.append(" span "+showMinute+"分钟 /span ")
 if (showSeconds =0) {
 t.append(" span "+showSeconds+"秒 /span ")
 starttime++;
 },1000); // 设定执行或延时时间
 // 执行它
 actionDo();

 总结

不是特别优秀,但是小的应用完全没有问题。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。