当前位置: 编程技术>jquery
jQuery倒计时代码 两款实时网页倒计时代码
来源: 互联网 发布时间:2014-10-04
本文导语: jQuery倒计时代码,两款实时倒计时效果,分别是含有剩余天数和不含剩余天数的例子,通过这个小特效可以学习到很多jQuery时间操作的问题,代码简洁,兼容性好。 很实用的网页倒计时代码,为解决一些网页特效运行后不能显...
jQuery倒计时代码,两款实时倒计时效果,分别是含有剩余天数和不含剩余天数的例子,通过这个小特效可以学习到很多jQuery时间操作的问题,代码简洁,兼容性好。
很实用的网页倒计时代码,为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题。
完整代码:
代码示例:
倒计时代码_www.
function lxfEndtime(){
$(".lxftime").each(function(){
var lxfday=$(this).attr("lxfday");//用来判断是否显示天数的变量
var endtime = new Date($(this).attr("endtime")).getTime();//取结束日期(毫秒值)
var nowtime = new Date().getTime(); //今天的日期(毫秒值)
var youtime = endtime-nowtime;//还有多久(毫秒值)
var seconds = youtime/1000;
var minutes = Math.floor(seconds/60);
var hours = Math.floor(minutes/60);
var days = Math.floor(hours/24);
var CDay= days ;
var CHour= hours % 24;
var CMinute= minutes % 60;
var CSecond= Math.floor(seconds%60);//"%"是取余运算,可以理解为60进一后取余数,然后只要余数。
if(endtime
含有天数的倒计时
没有天数的倒计时
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。