JS 天、时、分、秒的倒计时

zengyejin 2010-08-03 09:48:56
求一个用javascript写的带天、时、分、秒的倒计时。请高手们贴上代码,写明注释。本人新手,不甚感激!!
...全文
357 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
xu_diligent 2010-10-05
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 dalmeeme 的回复:]
我帮你写了一个,测试成功。
js文件代码:

JScript code

function displayDateTime(XelementID, Xdays, Xhours, Xminutes, Xseconds)
{
var days = Xdays;
var hours = Xhours;
var minutes = Xminutes;
v……
[/Quote]
刷新了页面之后倒计时又从新开始,这个有解决办法没?
dalmeeme 2010-08-03
  • 打赏
  • 举报
回复
我帮你写了一个,测试成功。
js文件代码:

function displayDateTime(XelementID, Xdays, Xhours, Xminutes, Xseconds)
{
var days = Xdays;
var hours = Xhours;
var minutes = Xminutes;
var seconds = Xseconds;
if (hours < 10)
hours = "0" + hours;
if (minutes < 10)
minutes = "0" + minutes;
if (seconds < 10)
seconds = "0" + seconds;
var displayValue = "还剩下:" + days + "天" + hours + ":" + minutes + ":" + seconds;
document.getElementById(XelementID).innerHTML = displayValue;
var newSeconds = Xseconds - 1;
var newMinutes = Xminutes;
var newHours = Xhours;
var newDays = Xdays;
if (newSeconds < 0)
{
newSeconds = 59;
newMinutes = Xminutes - 1;
}
if (newMinutes < 0)
{
newMinutes = 59;
newHours = Xhours - 1;
}
if (newHours < 0)
{
newHours = 23;
newDays = Xdays - 1;
}
if (newDays < 0)
{
document.getElementById(XelementID).innerHTML = "时间到!";
return;
}
var t = setTimeout("displayDateTime('" + XelementID + "'," + newDays + "," + newHours + "," + newMinutes + "," + newSeconds + ")", 1000);
}

网页文件关键代码:

<div id="abc">倒计时</div>
<script type="text/javascript">displayDateTime("abc",1,0,0,5)</script>

前面在<head></head>中引入相应的js文件,否则无法执行。
运行结果:
还剩下:1天02:29:49
会动态显示的。
随风落梦 2010-08-03
  • 打赏
  • 举报
回复
谷歌一搜很多吧
BaoShiqiang 2010-08-03
  • 打赏
  • 举报
回复
一搜一片。。。 google 一下啊
porschev 2010-08-03
  • 打赏
  • 举报
回复
一搜一片。。。
幻想的天涯 2010-08-03
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script type="text/javascript">
<!--
var duration=2900;
var endTime = new Date().getTime() + duration + 100;
function interval()
{
var n=(endTime-new Date().getTime())/1000;
if(n<0) return;
document.getElementById("timeout").innerHTML = n.toFixed(3);
setTimeout(interval, 10);
}
window.onload=function()
{
setTimeout("window.location.href='http://community.csdn.net/homepage.aspx'", duration);
interval();
}
//-->
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>发生错误</title>
</head>
<body>
<form id="form1" runat="server">
<div>
系统在 <span id="timeout">3.000</span> 秒后 将自动跳转到 <a href="http://www.baidu.com">社区首页</a>
</div>
</form>
</body>
</html>

试试这个看如何!
zakumiwb 2010-08-03
  • 打赏
  • 举报
回复
在网上找一个人生倒计时 就可以找到

62,074

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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