juqery 实现商城循环倒计时
1 <html> 2 <hand> 3 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> 4 </script> 5 </hand> 6 <body> 7 8 <!-- 本代码没有加入juqery,请在使用前你手动加入juqery库 --> 9 <span class="showtime" nowtime="2100/03/20 00:00:00"> d</span> 10 <span class="showtime" nowtime="2100/03/10 00:00:00" > w </span> 11 <script> 12 $(".showtime").click(function(){ 13 alert(2); 14 }) 15 /*时间倒计时 star */ 16 $(".showtime").click(function(){ 17 var _this = $(this); 18 var nowtime = _this.attr('nowtime'); 19 var EndTime= new Date(nowtime); 20 var NowTime = new Date(); 21 var t =EndTime.getTime() - NowTime.getTime(); 22 var d=Math.floor(t/1000/60/60/24); 23 var h=Math.floor(t/1000/60/60%24); 24 var m=Math.floor(t/1000/60%60); 25 var s=Math.floor(t/1000%60); 26 var timestr = '还剩'+d + '天' + h + '时' + m + '分' + s + '秒'; 27 28 _this.html(timestr); 29 }); 30 function doRtime(){ 31 $(".showtime").trigger("click"); 32 } 33 34 setInterval(doRtime,0); 35 /*时间倒计时 end */ 36 </script> 37 38 </body> 39 </html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)