不用javascript脚本如何直接用html代码在网页里显示出倒计时？

这个淘宝框架就有的，调用就好了。



天 时 分 秒


看的懂吧

实现倒计时很容易，关键是你要求刷新页面，不能停止倒计时
1、使用iframe，嵌入页面，父页上执行js操作，这样子页面刷新后会接着显示倒计时；
2、在后台实现，如使用java的timer类来实现倒计时，前台通过ajax获取倒计时结果，无论前端页面怎么刷新，不会停止倒计时
前端的好写，简单写下，仅供参考



无标题文档






var timer;
var count=10;
function startCount(){
timer=window.setInterval("myTimeBack()",1000);
}
function myTimeBack(){
myFrame.document.getElementById("myInput").value=count;
count=count-1;
if(count==0)
count=10;
}
function fromClose(){
clearInterval(timer);
}

//嵌入的页面innerPage.html



无标题文档



refresh



function refeshFrame(){
this.location.href=this.location.toString();
}

必须要懂点js。这是我写没多久的一个倒计时。代码有些冗余。你可以改进一下。

主要的js代码。

<script type="text/javascript">
	onload=function(){
		var change=function(){
			// 设定的时间：2014年7月21日 19:34:22
			var future_year="2014";
			var future_month="7";
			var future_day="21";
			var future_hours="19";
			var future_minute="34";
			var future_second="22";
			var future_date=future_year+"/"+future_month+"/"+future_day+" "+future_hours+":"+future_minute+":"+future_second;
			// 取得当前时间
			var t=new Date();
			var now_year=t.getFullYear();
			var now_month=t.getMonth()+1;
			var now_day=t.getDate();
			var now_hours=t.getHours();
			var now_minutes=t.getMinutes();
			var now_seconds=t.getSeconds();
			var now_date=now_year+"/"+now_month+"/"+now_day+" "+now_hours+":"+now_minutes+":"+now_seconds;
			// 分别获取与1970/1/1午夜的毫秒数，然后相减
			var date1=Date.parse(future_date);
			var date2=Date.parse(now_date);
			var res=date1-date2;
			// 计算月日时分秒。月采用了30为一个月。
			var month=parseInt(res/(1000*60*60*24*30));
			var day=parseInt((res-(1000*60*60*24*30)*month)/(1000*60*60*24));
			var hours=parseInt((res-(1000*60*60*24*30)*month-(1000*60*60*24)*day)/(1000*60*60));
			var minutes=parseInt((res-(1000*60*60*24*30)*month-(1000*60*60*24)*day-(1000*60*60)*hours)/(1000*60));
			var seconds=parseInt((res-(1000*60*60*24*30)*month-(1000*60*60*24)*day-(1000*60*60)*hours-(1000*60)*minutes)/1000);
			// 根据月日时分秒的位数进行相应处理
			var month_1=document.getElementById("i_month_1");
			var month_2=document.getElementById("i_month_2");
			if(month<10){
				month_1.setAttribute("src","./img/img_0.png");
				month_2.setAttribute("src","./img/img_"+month+".png");
			}else{
				var str=month.toString();
				month_1.setAttribute("src","./img/img_"+str.substring(0,1)+".png");
				month_2.setAttribute("src","./img/img_"+str.substring(1,2)+".png");
			}
			
			var day_1=document.getElementById("i_day_1");
			var day_2=document.getElementById("i_day_2");
			if(day<10){
				day_1.setAttribute("src","./img/img_0.png");
				day_2.setAttribute("src","./img/img_"+day+".png");
			}else{
				var str=day.toString();
				day_1.setAttribute("src","./img/img_"+str.substring(0,1)+".png");
				day_2.setAttribute("src","./img/img_"+str.substring(1,2)+".png");
			}
			
			var hours_1=document.getElementById("i_hours_1");
			var hours_2=document.getElementById("i_hours_2");
			if(hours<10){
				hours_1.setAttribute("src","./img/img_0.png");
				hours_2.setAttribute("src","./img/img_"+hours+".png");
			}else{
				var str=hours.toString();
				hours_1.setAttribute("src","./img/img_"+str.substring(0,1)+".png");
				hours_2.setAttribute("src","./img/img_"+str.substring(1,2)+".png");
			}
			
			var minutes_1=document.getElementById("i_minutes_1");
			var minutes_2=document.getElementById("i_minutes_2");
			if(minutes<10){
				minutes_1.setAttribute("src","./img/img_0.png");
				minutes_2.setAttribute("src","./img/img_"+minutes+".png");
				
			}else{
				var str=minutes.toString();
				minutes_1.setAttribute("src","./img/img_"+str.substring(0,1)+".png");
				minutes_2.setAttribute("src","./img/img_"+str.substring(1,2)+".png");
			}
			
			var seconds_1=document.getElementById("i_seconds_1");
			var seconds_2=document.getElementById("i_seconds_2");
			if(seconds<10){
				seconds_1.setAttribute("src","./img/img_0.png");
				seconds_2.setAttribute("src","./img/img_"+seconds+".png");
			}else{
				var str=seconds.toString();
				seconds_1.setAttribute("src","./img/img_"+str.substring(0,1)+".png");
				seconds_2.setAttribute("src","./img/img_"+str.substring(1,2)+".png");
			}
		};
		// 页面加载时执行一次，否则setInterval执行时会在加载1秒后才执行
		change();
		// 每隔一秒执行一次操作，更改img的路径。达到倒计时的效果。
		var intervalId=setInterval(change,1000);
	};
</script>