js时间倒计时

最新推荐文章于 2025-08-12 11:10:34 发布

原创最新推荐文章于 2025-08-12 11:10:34 发布 · 578 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #function #button #语言 #html #360

JS 专栏收录该内容

31 篇文章

订阅专栏

前断时间，因为需要写了一个服务器的时间倒计时，现在我将它改成了JS版的。
描述：severtime：为读取服务器时间!如果时间差为0或小于0表示”已经结束！“我用是的JS所以只能用本机的时间，你可以用你的服务器时间用动态语言！

Html代码运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>读取服务器时间，倒计时！</title>
<body>
<script type="text/javascript">
<!--
var $ = function(id){ return document.getElementById(id)};
function getDiffDate(m){
m-=(D=parseInt(m/86400000))*86400000;
m-=(H=parseInt(m/3600000))*3600000;
S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
if(M<10 & M>0)
{
M='0'+M;
}
if(H<10 & H>0)
{
H='0'+H;
}
if(S<10)
{
S='0'+S;
}
if(m>0)
return D+' 天'+H+'时'+M+'分'+S+'秒';
else
{
return " 已经结束！";
}
}
function setime(){
$("severtime").innerHTML=$("time").value;
}
window.onload = function(){
var std=setInterval(function(){
var severtime=$("severtime").innerHTML;
var stdf=getDiffDate(new Date(severtime)-new Date())
if(stdf!=" 已结束！")
{
$("diffTime").innerHTML =stdf ; // 参数为两个时间的毫秒差
}
else
{
$("diffTime").innerHTML =stdf;
clearInterval(std);
}
}, 1000);
}
//-->
</script>
</head>
<body>
<div>描述：severtime：为读取服务器时间!如果时间差为0或小于0表示”已经结束！“我用是的JS所以只能用本机的时间，你可以用你的服务器时间用动态语言！</div>
<div style="width:300px;height:40px;line-height:40px;background-color:#C0C0C0;font-size:12px;border:2px solid #808080">
距离<span id="severtime">2011/11/19 10:00</span>还剩:<span id="diffTime" style="color:#FF0000;font-weight:bold"></span>
</div>
<input type="text" id="time"/><input type="button" value="设置" onclick="setime()" />
</body>
</html>