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>

  运行截图

用到的图片如下可复制

时间: 2024-11-02 12:14:42

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

JavaScript 图片的上传前预览(兼容所有浏览器)

功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+.Chrome.Firefox). 实现要点   ● 对于 Chrome.Firefox.IE10 使用 FileReader 来实现. ● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 来实现. <!DOCTYPE html> <html> <head>

javaScript:压缩图片并上传

html代码: <input id="file" type="file" name="filesName"> js代码: var fileElement = document.getElementById('#file'); fileElement.onchange = function(){ var file = event.target.files[0]; var upload = new uploadThumbnail({ //

JavaScript进阶 九 JS实现本地文件上传至阿里云服务器

JS实现本地文件上传至阿里云服务器 前言 在前面的博客< JavaScript进阶(八)JS实现图片预览并导入服务器功能>(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务器的操作.这次需要实现将本地打包好的文件上传至阿里云服务器.使用前面的图片文件上传方法无法完成此操作.操作界面如下: 思路 本地与服务端传输文件的格式应该是熟悉的Base64格式.首先需要将本地文件转换为Base64格式,传输至服务端后,在服务端再将Base64格式的文件转换为原始文件. 源码解析 控制器 /

JavaScript编写了一个计时器

初学JavaScript,用JavaScript编写了一个计时器. 设计思想: 1.借助于Date()对象,来不断获取时间点: 2.然后用两次时间点的毫秒数相减,算出时间差: 3.累加时间差,这样就能把计时精确. ps: 没在网上看到有这种方法,一般都是用的setinterval, 编程语言自带的延时,时间控制都有比较大的误差,所以用系统时间相减的方法控制精准. 本例互相交流用,并迫切希望得到的读者的想法及建议. <!DOCTYPE html> <html> <head>

【教程】HTML5+JavaScript编写flappy bird

     作者: 风小锐      新浪微博ID:永远de风小锐      QQ:547953539      转载请注明出处 PS:新修复了两个bug,已下载代码的同学请查看一下 大学立即要毕业了.未来的公司为我们制定了在校学习计划.希望我们能在毕业之前掌握一些技术,当中有一项就是使用HTML5+JavaScript编写flappy bird这个小游戏. 相信大家和我一样,对这个小游戏还是非常熟悉的,控制小鸟跳过高矮不一的水管,并记录下每局得到的分数,对于亲手编写这个小游戏非常感兴趣,立即開始

JavaScript学习总结(十四)——JavaScript编写类的扩展方法

在?J?a?v?a?S?c?r?i?p?t?中?可以使?用?类的p?r?o?t?o?t?y?p?e属性来?扩?展?类的属?性?和?方?法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性. 一.扩展JavaScript内置类,添加动态方法 语法格式: 类名.prototype.方法名 = function([param1],[param2],.

使用 JavaScript 编写优化算法 (1)

之前一直用Python来写优化算法,为了增强 JS 的熟练程度,开始将原有的代码改写成 JS.采用的工具包括 node.js + Grunt + nodeunit + github + npm + travis-ci. 最初的版本采用过程式的方式实现,没有采用面向对象或事件驱动的模式. #!/usr/bin/env node --harmony // Random Search "use strict"; var util = require("util"); fu

JavaScript学习总结(十二)——JavaScript编写类

在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式. 1.构造函数方式 用构造函数模拟"类",在其内部用this关键字指代实例对象. 基本语法: function 类名(){     this.属性名;//公共属性     var 属性名;//私有属性    /*凡是定义类的公共属性和公共方法都要使用this*/   

配置sublime text的 JavaScript编写环境

都说sublime text是编写代码的神器,于是自己也下载了个中文本!后来要用到javascript,也想尽可能的将不同语言的编写集合在一个工具里面使用!所以就试试看在sublime text里面配置JavaScript. 在网上查找了很多的资料,后来证明很多都不一定是对的.但是虽然不对,但是都有同个思路.就是利用nodejs来编写javascript,于是乎我们得先安装一个nodejs. 这里是nodejs的官方网站:http://nodejs.org/     下载地址:http://no