怎么用js 写个程序 时间倒退的代码 显示在页面 进入页面显示 02：00 然后一秒一秒的减少
怎么用js写个程序时间倒退的代码显示在页面进入页面显示02：00：00然后一秒一秒的减少01：59：59，01：59：5801：59：57..........这样减少下去...
怎么用js 写个程序 时间倒退的代码 显示在页面 进入页面显示 02：00 ：00然后一秒一秒的减少01：59：59， 01：59：58 01：59：57 ..........
这样减少下去 展开
这样减少下去 展开
2个回答
展开全部
两分钟倒计时，下面是代码
<!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>120秒倒计时</title>
<style>
div{float:left;margin:3px;width:30px;height:20px;background:#CCC; text-align:center; font-size:12px; line-height:20px;}
</style>
<script type="text/javascript">
function oDouble(num)
{
if(num<10)
{
return '0'+num;
}
else
{
return num;
}
}
window.onload=function()
{
var aDiv=document.getElementsByTagName('div');
var aP=document.getElementsByTagName('p')[0];
var i=120;
function times()
{
var oPoints=i / 60
var oSeconds=i % 60
if(i>=0)
{
aDiv[0].innerHTML=oDouble(parseInt(oPoints));
aDiv[2].innerHTML=oDouble(oSeconds);
}
i--
}
setInterval(times,1000)
times()
};
</script>
</head>
<body>
<div></div><div>分</div><div></div><div>秒</div>
<p> </p>
</body>
</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>120秒倒计时</title>
<style>
div{float:left;margin:3px;width:30px;height:20px;background:#CCC; text-align:center; font-size:12px; line-height:20px;}
</style>
<script type="text/javascript">
function oDouble(num)
{
if(num<10)
{
return '0'+num;
}
else
{
return num;
}
}
window.onload=function()
{
var aDiv=document.getElementsByTagName('div');
var aP=document.getElementsByTagName('p')[0];
var i=120;
function times()
{
var oPoints=i / 60
var oSeconds=i % 60
if(i>=0)
{
aDiv[0].innerHTML=oDouble(parseInt(oPoints));
aDiv[2].innerHTML=oDouble(oSeconds);
}
i--
}
setInterval(times,1000)
times()
};
</script>
</head>
<body>
<div></div><div>分</div><div></div><div>秒</div>
<p> </p>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function testTime(){
second=2*60;
isTime=setTimeout("testTime()",1000);
second--;
mini=second%60;
sec.innerHtml=sercond;
min.innerHtml=mini;
if(second==0){
clearTimeout(isTime);
alert("倒计时结束!");
}
}
<body onload="testTime();">
<font id="min"></font>
<font id="sec"></font>
second=2*60;
isTime=setTimeout("testTime()",1000);
second--;
mini=second%60;
sec.innerHtml=sercond;
min.innerHtml=mini;
if(second==0){
clearTimeout(isTime);
alert("倒计时结束!");
}
}
<body onload="testTime();">
<font id="min"></font>
<font id="sec"></font>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
