14. Web page prototype 4

	</p>
	<script>
		//获取元素
		var sp11=document.getElementsByClassName("sp1");
		var sp22=document.getElementsByClassName("sp2");
		var p1=document.getElementsByTagName("p");
		
		var sp33=document.getElementsByClassName("sp3");
		var sp44=document.getElementsByClassName("sp4");
		
		//倒计时
		var time=10;
		function time1(){
			time--;
			if(time>0){
				sp11[0].innerText="敌军还有";
				sp22[0].innerText=time;
				sp11[1].innerText="秒到达战场"
			}else{
				p1[0].innerText="全军出击!!!"
			}
		}
		setInterval(time1,1000);
		
		
		//北京时间
		function time2(){
			var today=new Date();
			var year=today.getFullYear();
			var month=today.getMonth()+1;
			var date=today.getDate();
			var hours=today.getHours();
			var min=today.getMinutes();
			var sec=today.getSeconds();
			if(month<10){
				month="0"+month;
			}
			if(date<10){
				date="0"+date;
			}
			if(min<10){
				min="0"+min;
			}
			if(sec<10){
				sec="0"+sec;
			}
			sp33[0].innerText="现在是北京时间:"+year;
			sp33[1].innerText=month;
			sp33[2].innerText=date;
			sp33[3].innerText=hours;
			sp33[4].innerText=min;
			sp33[5].innerText=sec;
			sp44[0].innerText="年";
			sp44[1].innerText="月";
			sp44[2].innerText="日";
			sp44[3].innerText=":";
			sp44[4].innerText=":";
		}
		setInterval(time2,1000);
	</script>
</body>

Guess you like

Origin blog.csdn.net/qwe863226687/article/details/114057668