JavaScript编写的计时器/倒计时也可以改一下参数(用到的图片已经上传)

Posted p微笑玲jx绝影

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript编写的计时器/倒计时也可以改一下参数(用到的图片已经上传)相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>秒钟计时器</title>
		<script>
		
		function setnumber(n){
			if(n<10)
			return \'0\'+\'0\'+n;
			else if(n>=10&&n<=99)
			return \'0\'+n;
			else
			return \'\'+n;
		}
		

		window.onload=function(){
			var d=document.getElementsByTagName(\'img\');
			var time=0,time1;
			
			function clik(){
			time=setnumber(time);
			for(var i=0;i<d.length;i++){
				d[i].src=\'img/\'+time.charAt(i)+\'.png\';
			}
			
			/*if(time==0){
				time=60;
			}*/
			time++;
			}
			time1=setInterval(clik,1000);
			//clik();
		};
			
		</script>
		
	</head>
	<body style="background: black;color: white;font-size: 50px;">
		<img src="img/0.png">
		<img src="img/0.png">
		<img src="img/0.png">
	</body>
</html>

  运行截图

用到的图片如下可复制

 

以上是关于JavaScript编写的计时器/倒计时也可以改一下参数(用到的图片已经上传)的主要内容,如果未能解决你的问题,请参考以下文章

如何在 JavaScript 中编写倒数计时器? [关闭]

初学javascript,要求编写一个倒计时,格式如00:00:00该怎么实现?时间是自己设定,想设置多少秒就多少秒

如何在javascript中获取所有计时器?

JS实现十分钟倒计时代码实例

70行JavaScript代码实现除夕夜倒计时 零基础也能学会~

后台 Javascript 或 Cordova 应用程序中的计时器任务