关于倒计时牌的制作(100分)

benbenchi 2004-12-10 03:59:15
在JSP里我已获得距离结束时间的天数,小时,分钟和秒,把它们分别赋予days,hours,minutes,seconds这个变量,请问JavaScript如何能调用这4个变量做出倒计时牌(象时钟一样能动的那种)清高手们不吝赐教,小生在此先谢过了~
...全文
141 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
kangqin 2004-12-10
  • 打赏
  • 举报
回复
包括取得差异时间和显示计时都有了

<span id="diff_time"></span>
<script>
function time_diff(last_time) ///取得相差的MS
{
var today=new Date();
var ms_diff=last_time.getTime()-today.getTime();
return ms_diff;
}

function output_diff(ms)///取得显示时间的字符串
{
var MinMilli = 1000 * 60
var HrMilli = MinMilli * 60
var DyMilli = HrMilli * 24
var diff_days=Math.floor(ms/DyMilli);
ms-=diff_days*DyMilli;
var diff_hour=Math.floor(ms/HrMilli);
ms-=diff_hour*HrMilli;
var diff_minute=Math.floor(ms/MinMilli);
ms-=diff_minute*MinMilli;
var diff_second=Math.floor(ms/1000);

return diff_days+"天"+diff_hour+"小时"+diff_minute+"分"+diff_second+"秒";
}

function clock()
{
var last_time=new Date(2005,5,12);///设定目标日期
var last_string="距离"+last_time.getYear()+"年"+last_time.getMonth()+"月"+last_time.getDate()+"日 还有 ";
var ms=time_diff(last_time);
var diff_string=output_diff(ms);
document.all.diff_time.innerHTML=last_string+diff_string;
}
repeat_func=setInterval('clock()',1000); ///每秒刷一次
</script>
hhjjhjhj 2004-12-10
  • 打赏
  • 举报
回复
纠错:
用1个变量控制.
hhjjhjhj 2004-12-10
  • 打赏
  • 举报
回复
不要用4个变量,用1个变量控件,要显示时,从这个变量中换算到年月日时等。
ttyp 2004-12-10
  • 打赏
  • 举报
回复
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
var d = 1;
var h = 2;
var m = 40;
var s = 30;

var t = d*24*3600 + h*3600 + m*60 + s;
var k;

function start()
{
var a = document.all.time;
a.innerText = parseInt(t / 24 /3600) + "天" + parseInt((t /3600) % 24) + "小时" + parseInt((t/60) % 60) + "分" + parseInt(t % 60) + "秒";
t = t - 1;
if(t==0)
{
clearTimeout(k);
alert("时间到");
}
k = setTimeout("start()",1000);
}
//-->
</SCRIPT>
</HEAD>

<BODY onload="start()">
<div id="time"></div>
</BODY>
</HTML>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧