麻烦高手帮忙改下JS代码,如何在一个页面显示多个正计时!!
发布网友
发布时间:2023-11-09 07:53
我来回答
共1个回答
热心网友
时间:2024-12-03 23:52
不知道我理解的有没有问题,这个样子可不可以?
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style type="text/css">
#thenceThen{font-size:2em;}
</style>
<script type="text/javascript" language="javascript">
function thenceThen(tT,timespan){
var date1=new Date(timespan);
var totalSecs=(date1-new Date())/1000;
var days=Math.floor(totalSecs/3600/24);
var hours=Math.floor((totalSecs-days*24*3600)/3600);
var mins=Math.floor((totalSecs-days*24*3600-hours*3600)/60);
var secs=Math.floor((totalSecs-days*24*3600-hours*3600-mins*60));
document.getElementById(tT).innerText=timespan+"距今:"+days+"天"+hours+"小
时"+mins+"分钟"+secs+"秒";
}
var clock;
window.onload=function(){
clock=self.setInterval("thenceThen('tT1','2012/08/10')", 500);
clock=self.setInterval("thenceThen('tT2','2012/10/01')", 500);
}
</script>
</head>
<body>
<div id="tT1"></div>
<div id="tT2"></div>
</body>
</html>