JS/JQ实现倒计时
从asp数据库读取两个时间然后如何用js/或jquery计算时间差比如现在有两个时间2011-3-303:24:362011-3-1304:14:25如何计算得出时间形式...
从asp数据库读取两个时间然后如何用js/或jquery计算时间差比如现在有两个时间 2011-3-3 03:24:36 2011-3-13 04:14:25 如何计算得出时间形式为10天1小时42分15秒 呢要实现秒数会动。
展开
2个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>js倒计时代码 - k686绿色软件 - http://www.k686.com</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="k686绿色软件 http://www.k686.com">
<meta name="Keywords" content="绿色软件">
<meta name="Description" content="绿色软件"> </head> <body>
<script>
function countDown( maxtime,fn )
{
var timer = setInterval(function()
{
if(maxtime>=0){
d=parseInt(maxtime/3600/24);
h=parseInt((maxtime/3600)%24);
minutes=parseInt((maxtime/60)%60);
seconds=parseInt(maxtime%60);
//minutes = Math.floor(maxtime/60);
//seconds = Math.floor(maxtime%60);
msg = "距离结束还有"+d+"天"+h+"小时"+minutes+"分"+seconds+"秒";
fn( msg );
if(maxtime == 5*60) alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval( timer );
fn("时间到，结束!");
}
}, 1000);
}
</script><div id="timer1" style="color:red"></div>
<script>
countDown( 6000,function( msg ) //6000服务器时间差 单位为妙
{
document.getElementById('timer1').innerHTML = msg;
});
</script><div id="timer2" style="color:red"></div>
<script>
countDown( 6000,function( msg )
{
document.getElementById('timer2').innerHTML = msg;
});
</script><div id="timer3" style="color:red"></div> <script>
countDown( 600000,function( msg )
{
document.getElementById('timer2').innerHTML = msg;
});
countDown( 30,function( msg )
{
document.getElementById('timer3').innerHTML = msg;
})
</script>
</body>
</html>
<html>
<head>
<title>js倒计时代码 - k686绿色软件 - http://www.k686.com</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="k686绿色软件 http://www.k686.com">
<meta name="Keywords" content="绿色软件">
<meta name="Description" content="绿色软件"> </head> <body>
<script>
function countDown( maxtime,fn )
{
var timer = setInterval(function()
{
if(maxtime>=0){
d=parseInt(maxtime/3600/24);
h=parseInt((maxtime/3600)%24);
minutes=parseInt((maxtime/60)%60);
seconds=parseInt(maxtime%60);
//minutes = Math.floor(maxtime/60);
//seconds = Math.floor(maxtime%60);
msg = "距离结束还有"+d+"天"+h+"小时"+minutes+"分"+seconds+"秒";
fn( msg );
if(maxtime == 5*60) alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval( timer );
fn("时间到，结束!");
}
}, 1000);
}
</script><div id="timer1" style="color:red"></div>
<script>
countDown( 6000,function( msg ) //6000服务器时间差 单位为妙
{
document.getElementById('timer1').innerHTML = msg;
});
</script><div id="timer2" style="color:red"></div>
<script>
countDown( 6000,function( msg )
{
document.getElementById('timer2').innerHTML = msg;
});
</script><div id="timer3" style="color:red"></div> <script>
countDown( 600000,function( msg )
{
document.getElementById('timer2').innerHTML = msg;
});
countDown( 30,function( msg )
{
document.getElementById('timer3').innerHTML = msg;
})
</script>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<SCRIPT type="text/javascript">
function DateDiff(sDate1,sDate2){ //sDate1和sDate2是年-月-日格式
var aDate,oDate1,oDate2,iDays;
aDate=sDate1.split("-");
oDate1=new Date(aDate[1]+'-'+aDate[2]+'-'+aDate[0]);//转换为月-日-年格式
aDate=sDate2.split("-");
oDate2=new Date(aDate[1] + '-'+aDate[2]+'-'+aDate[0]);
iDays=parseInt(Math.abs(oDate1-oDate2)/1000/60/60/24); //把相差的毫秒数转换为天数
return iDays;
}
var date,date1,date2;
date=new Date(); //当前时间
date1="2010-12-25"; //计算时间
date2=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
var maxtime = DateDiff(date1,date2)*24*60*60 //一个小时，按秒计算，自己调整!
function CountDown(){
if(maxtime>=0){
minutes = 60 - date.getMinutes();
hours = 24 - date.getHours();
seconds = Math.floor(maxtime%60);
msg = "Only <span style='color:#FFF;font-size:26px;'>"+DateDiff(date1,date2)+"</span> days <span style='color:#FFF;font-size:26px;'>"+hours+"</span> hours <span style='color:#FFF;font-size:26px;'>"+minutes+"</span> minutes <span style='color:#FFF;font-size:26px;'>"+seconds+"</span> seconds left for our Christmas promotion";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60) alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer = setInterval("CountDown()",1000);
</SCRIPT> <div id="timer" style=" margin-bottom:5px; width:730px; height:40px; color:black; background-color:Red; text-align:center; line-height:200%; font-family:Times New Roman; font-weight:bold; font-size:20px"></div> 这个是我自己写的，不过跟你要求不一样，我是算比如从3月19日离现在还有几分几秒。你自己修改一下，应该可变成两个时间自己定义拉。
function DateDiff(sDate1,sDate2){ //sDate1和sDate2是年-月-日格式
var aDate,oDate1,oDate2,iDays;
aDate=sDate1.split("-");
oDate1=new Date(aDate[1]+'-'+aDate[2]+'-'+aDate[0]);//转换为月-日-年格式
aDate=sDate2.split("-");
oDate2=new Date(aDate[1] + '-'+aDate[2]+'-'+aDate[0]);
iDays=parseInt(Math.abs(oDate1-oDate2)/1000/60/60/24); //把相差的毫秒数转换为天数
return iDays;
}
var date,date1,date2;
date=new Date(); //当前时间
date1="2010-12-25"; //计算时间
date2=date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
var maxtime = DateDiff(date1,date2)*24*60*60 //一个小时，按秒计算，自己调整!
function CountDown(){
if(maxtime>=0){
minutes = 60 - date.getMinutes();
hours = 24 - date.getHours();
seconds = Math.floor(maxtime%60);
msg = "Only <span style='color:#FFF;font-size:26px;'>"+DateDiff(date1,date2)+"</span> days <span style='color:#FFF;font-size:26px;'>"+hours+"</span> hours <span style='color:#FFF;font-size:26px;'>"+minutes+"</span> minutes <span style='color:#FFF;font-size:26px;'>"+seconds+"</span> seconds left for our Christmas promotion";
document.all["timer"].innerHTML=msg;
if(maxtime == 5*60) alert('注意，还有5分钟!');
--maxtime;
}
else{
clearInterval(timer);
alert("时间到，结束!");
}
}
timer = setInterval("CountDown()",1000);
</SCRIPT> <div id="timer" style=" margin-bottom:5px; width:730px; height:40px; color:black; background-color:Red; text-align:center; line-height:200%; font-family:Times New Roman; font-weight:bold; font-size:20px"></div> 这个是我自己写的，不过跟你要求不一样，我是算比如从3月19日离现在还有几分几秒。你自己修改一下，应该可变成两个时间自己定义拉。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
