javascrip动态显示图片时间实现数字闹钟显示时间

最新推荐文章于 2021-04-20 10:14:17 发布

whispercode

最新推荐文章于 2021-04-20 10:14:17 发布

阅读量482

点赞数 2

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/Dilan_Gwyn/article/details/89202385

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

javascrip动态显示图片时间

	<img src="0.jpg" id="ih"/>
	<img src="0.jpg" id="ih1"/>
	<img src="maohao.jpg"/>
	<img src="0.jpg" id="im"/>
	<img src="0.jpg" id="im1"/>
	<img src="maohao.jpg"/>
	<img src="0.jpg" id="is"/>
	<img src="0.jpg" id="is1"/>
	
	<script type="text/javascript">
	
		var ihs=document.getElementById("ih")
		var ihs1=document.getElementById("ih1")
		var ims=document.getElementById("im")
		var ims1=document.getElementById("im1")
		var iss=document.getElementById("is")
		var iss1=document.getElementById("is1")
		
		function show(){
			var date=new Date();
			var h=date.getHours();
			var m=date.getMinutes();
			var s=date.getSeconds();
			h=show1(h);
			m=show1(m);
			s=show1(s);
			var time=h+":"+m+":"+s;
			var h1=parseInt(h/10);
			var h2=h%10;
			var m1=parseInt(m/10);
			var m2=m%10;
			var s1=parseInt(s/10);
			var s2=s%10;
			
				ihs.src=""+h1+".jpg";
				ihs1.src=""+h2+".jpg";
				ims.src=""+m1+".jpg";
				ims1.src=""+m2+".jpg";
				iss.src=""+s1+".jpg";
				iss1.src=""+s2+".jpg";
			setTimeout(show,1000);
		
		}
		show();
		function show1(num){
			if(num>10){
				return "0"+num;
			}
			return num;
		}
		
	</script>
</body>