jquery 做一个小的倒计时效果

html

<div id="shop_rec"><ul class="cf"><li><img src="data:image/goods.jpg" alt="小米 Note 顶配版" /><div><h5>小米 Note 顶配版</h5><p>全网通 香槟金 移动联通<br />双4G手机 双卡双待</p><em>¥2998<i>起</i></em><span class="time" data-starttime="1445982375" data-endtime="1446350400"></span></div></li><li><img src="data:image/goods.jpg" alt="小米 Note 顶配版" /><div><h5>小米 Note 顶配版</h5><p>全网通 香槟金 移动联通<br />双4G手机 双卡双待</p><em>¥2998<i>起</i></em><span class="time" data-starttime="1445912375" data-endtime="1436350400"></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) {t.html("活动已经开始");} 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);t.html("");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();
});

总结

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

jquery 做一个小的倒计时效果相关推荐

对神经网络某一层做了小改进，效果却提升显著，可以发论文吗？
点击上方"AI遇见机器学习",选择"星标"公众号重磅干货,第一时间送达知乎:青春没有终点编辑:深度学习自然语言处理公众号链接:见原文链接学术分享,侵删 ...
python手机版做小游戏代码大全-Python大牛手把手教你做一个小游戏，萌新福利！...
原标题:Python大牛手把手教你做一个小游戏,萌新福利! 引言最近python语言大火,除了在科学计算领域python有用武之地之外,在游戏.后台等方面,python也大放异彩,本篇博文将按照正规 ...
[css] 使用css3做一个魔方旋转的效果
[css] 使用css3做一个魔方旋转的效果总的来说,用了一些 3D 效果的样式,如 translate3d,rotate3d,perspective,transform-style: preser ...
新手怎么做一个小程序？
小程序的诞生,让各行业从独立出发APP进入微信.小程序有多受欢迎?从有人称之为互联网的下一个风口就可以看出.微信小程序从使用至今仍处于不断发展的环节.很难说小程序是否是下一个风口,但小程序等不需要下载 ...
如何做一个小程序商城，需要多少钱
如何做一个小程序商城,需要多少钱? 操作像玩消消乐那么简单! 费用是一年1998元至3498元.免300元认证费.买两年用四年. 日均花费不到2元就能搭建一个小程序商城. 下面分享的是自建小程序商城的 ...
做一个小程序大概需要多少钱？一般小程序要多少钱？
做一个小程序大概需要多少钱?一般小程序要多少钱?小程序本身就是微信生态环保的一个月活动客户,创建一个小程序,当然,在整个小程序制作过程中,很可能我们关心这样一个,那么做一个小程序大概需要多少钱? 事实 ...
最近用周立功的IOT3960板子做一个小控制器，现在到了界面美化阶段，各位大侠有没有高招？
最近用周立功的IOT3960板子做一个小控制器,现在到了界面美化阶段,各位大侠有没有高招? 环境是虚拟机ubuntu 16.04LTS 开发软件是QT creator 5.6.1 最初想用AI画一个漂 ...
Esp8266 进阶之路20 【高级篇】深入学习esp8266的esp now模式组网，仿机智云做一个小网关，实现无需网络下轻松彼此连接通讯交互数据。（附带Demo）
本系列博客学习由非官方人员半颗心脏潜心所力所写,不做开发板.仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 序号 SDK版本内容链接 1 nonos2.0 搭建 ...
做一个小程序要多少钱？
微信小程序相信大家都已经不会陌生,我们的日常生活中也会经常使用到微信小程序,从我们出门逛街买奶茶,坐公交刷地铁,偷懒不出门买菜,都会熟练的打开微信小程序- 那么问题来了,做一个小程序到底要多少钱? ...

jquery 做一个小的倒计时效果

html

jquery

总结

jquery 做一个小的倒计时效果相关推荐

最新文章

热门文章