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

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

2025-02-26 13:22:39

推荐回答（3个）

回答1：

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

主要的js代码。


	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);
	};

回答2：

你的意思是不用脚本（VBScript、Javascript等），还是不用Javascript，可以用其他脚本？

回答3：

用flash做一个，然后嵌入到网页

最新问答

爱你的女人总是舍不得在你身上花钱这是什么爱

今天我偶然发现两条腿的长度不一样，而且相差很大，该怎么办

女人如何做到不吃亏呢？

“卤水点豆腐，一物降一物”的实验是怎么做的？有科学依据吗？

稳压器老响

总结火成岩，沉积岩，变质岩三大类岩石之间的区别和转化关系