<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>实时倒计时</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--单位:秒-->
剩余时间:<span id="endtime0">10</span><br><span id="endtime1">10</span>
<script type="text/javascript">
var CID = "endtime0";
if(window.CID != null){
var iTime = document.getElementById(CID).innerText;
var Account;
RemainTime();
}
function RemainTime()
{
var iDay,iHour,iMinute,iSecond;
var sDay="",sHour="",sMinute="",sSecond="",sTime="";
if (iTime >= 0)
{
iDay = parseInt(iTime/24/3600);
if (iDay > 0)
{
sDay = iDay + "天";
}
iHour = parseInt((iTime/3600)%24);
if (iHour > 0){
sHour = iHour + "小时";
}
iMinute = parseInt((iTime/60)%60);
if (iMinute > 0){
sMinute = iMinute + "分钟";
}
iSecond = parseInt(iTime%60);
if (iSecond >= 0){
sSecond = iSecond + "秒";
}
if ((sDay=="")&&(sHour=="")){
sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
}
else
{
sTime=sDay+sHour+sMinute+sSecond;
}
if(iTime==0){
clearTimeout(Account);
sTime="<span style='color:green'>时间到了!</span>";
}
else
{
Account = setTimeout("RemainTime()",1000);
}
iTime=iTime-1;
}
else
{
sTime="<span style='color:red'>倒计时结束!</span>";
}
document.getElementById(CID).innerHTML = sTime;
}
</script>
</body>
</html>
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>实时倒计时</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--单位:秒-->
剩余时间:<span id="endtime0">10</span><br><span id="endtime1">10</span>
<script type="text/javascript">
var CID = "endtime0";
if(window.CID != null){
var iTime = document.getElementById(CID).innerText;
var Account;
RemainTime();
}
function RemainTime()
{
var iDay,iHour,iMinute,iSecond;
var sDay="",sHour="",sMinute="",sSecond="",sTime="";
if (iTime >= 0)
{
iDay = parseInt(iTime/24/3600);
if (iDay > 0)
{
sDay = iDay + "天";
}
iHour = parseInt((iTime/3600)%24);
if (iHour > 0){
sHour = iHour + "小时";
}
iMinute = parseInt((iTime/60)%60);
if (iMinute > 0){
sMinute = iMinute + "分钟";
}
iSecond = parseInt(iTime%60);
if (iSecond >= 0){
sSecond = iSecond + "秒";
}
if ((sDay=="")&&(sHour=="")){
sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>";
}
else
{
sTime=sDay+sHour+sMinute+sSecond;
}
if(iTime==0){
clearTimeout(Account);
sTime="<span style='color:green'>时间到了!</span>";
}
else
{
Account = setTimeout("RemainTime()",1000);
}
iTime=iTime-1;
}
else
{
sTime="<span style='color:red'>倒计时结束!</span>";
}
document.getElementById(CID).innerHTML = sTime;
}
</script>
</body>
</html>
解决方案 »
- 大神们,求解决(急)!怎么用jQuery给table加一个水平的滚动条
- 急!!!正则表达式
- JS代码 在IE里可以执行 在遨游和 360里都不执行 JS代码 在IE里可以执行 在遨游和 360里都不执行
- 网上下载了一个.js代码,请教如何用?
- 一个比较头疼的问题
- JavaScript 如何定位动态创div
- js 如何动态控制tr td的可见和隐藏
- js中toString 转换成数组为什么只取到最后一个数据的值
- 如何用javascrip实现页面调用。急用!在线等待!
- 关于javascript寄生组合式继承的一点问题,望赐教
- js判断点击了哪个循环生成DIV
- 问:js css 在 ie6(其他浏览器版本正常显示) 下不正常显示与错误
<!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>demo</title>
<script >
window.onload=function(){
var divs = document.getElementsByTagName("div");
for(var i = 0 ; i < divs.length ; i++){
showTime(divs[i].id);
}
}
var showTime =function(id){
var endTime = new Date(document.getElementById(id).getAttribute("enddate"));
var nowTime = new Date();
var ms=endTime.getTime() - nowTime.getTime();
var day=Math.floor(ms/(1000 * 60 * 60 * 24));
var hour=Math.floor(ms/(1000*60*60)) % 24;
var minute=Math.floor(ms/(1000*60)) % 60;
var second=Math.floor(ms/1000) % 60;
ms=Math.floor(ms/100) % 10;
if(day>= 0){
document.getElementById(id).innerHTML = "离"+endTime+" 结束还有 "+day+"天 "+hour+"小时 "+minute+"分 "+second+" 秒"+ms+"毫秒";
}
else{
document.getElementById(id).innerHTML ="过期了 !";
}
setTimeout(function(){
showTime(id);
},100);
}
</script>
</head>
<body>
<div id="msg1" enddate="2012-03-10">
</div>
<div id="msg2" enddate="2012-04-10">
</div>
</body>
</html>以前写的 看看有没有用 好久没贴过代码了 。