首页 > 代码库 > js 倒计时功能源码
js 倒计时功能源码
<div class="time timers" rel="<?php echo date(‘m/d/Y‘, time()+24*3600)?>">
<span class="ico_time"></span>
<span class="data_title ">还剩
<span class="data_pink pinkft"><span class="hours">7</span>时<span class="mins">46</span>分<span class="">33</span>秒</span>
</span>
</span>
</span>
</div>
//以下是js代码
$(document).ready(function(){
timing();
});
// 倒计时
function timing()
{
$(".timers").each(function(){
var endtime = new Date($(this).attr("rel")).getTime();
var nowtime = new Date();
var youtime = 0;
youtime = endtime - nowtime;
var seconds = youtime/1000;
var minutes = Math.floor(seconds/60);
var hours = Math.floor(minutes/60);
var CHour= hours % 24;
var CMinute= minutes % 60;
var CSecond= Math.floor(seconds%60);//"%"
var MS=Math.floor(youtime) % 10;
if(endtime<=nowtime){
//$(this).html("已过期")//如果结束日期小于当前日期就提示过期啦
}else{
$(this).html("还剩<span class=‘pinkft data_pink‘><span class=‘hours‘>"+CHour+"</span>时<span class=‘mins‘>"+CMinute+"</span>分<span class=‘‘>"+CSecond+‘.‘+MS+"</span>秒</span>");
if(CHour < 10){
$("#hours").text("0"+CHour);
}else{
$("#hours").text(CHour);
}
if(CMinute < 10){
$("#minute").text("0"+CMinute);
}else{
$("#minute").text(CMinute);
}
if(CSecond < 10){
$("#second").text(CSecond+‘.‘+MS);
}else{
$("#second").text(CSecond+‘.‘+MS);
}
}
});
setTimeout("timing()",100);
}
js 倒计时功能源码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。