Timer定时器

Html

Css

.show {
	height:400px;
	width:300px;
	background-color:black;
	color:white;
}

$(function() {
	var timer = null;
	var timer2 = null;

timer = new TimerSimulator(function(count) {
		$("#display").html(count);

if(count == 20) {
			timer.stop();
			timer2.start();
		}
	}, 1000, "12");
	timer.start();

timer2 = new TimerSimulator(function(count) {
		$("#display").html("t" + count);

if(count == 20) {
			timer2.stop();
			timer.start();
		}
	}, 1000, "12");
});

/**
 * 定时模拟器
 * 
 * @version 2017-03-01
 * 
 * @returns
 */
function TimerSimulator(task, times, name) {
	/** 类名 */
	this.imClassName = "TimerSimulator";
	/**
	 * 计数器
	 */
	this.counter = 0;
	/**
	 * taskId
	 */
	this.taskId = null;
	/**
	 * 时间
	 */
	this.times = times;
	/**
	 * 任务
	 */
	this.task = task;
	/**定时器名称*/
	this.name = name;
	/**
	 * 启动定时任务（模拟）
	 */
	this.start = function start() {
		var that = this; // 保存当前对象this
		that.counter++;
		that.taskId = setTimeout(function() {
			that.start();
		}, that.times);
		if(that.task != null && typeof that.task === "function") {
			that.task(that.counter);
		}
	};
	/**
	 * 终止定时任务（模拟）
	 */
	this.stop = function() {
		if(this.taskId != null && this.taskId != undefined) {
			this.counter = 0;
			clearTimeout(this.taskId);
		}
	};
	/**
	 * 暂停定时任务（模拟）
	 */
	this.suspend = function() {
		if(this.taskId != null && this.taskId != undefined) {
			clearTimeout(this.taskId);
		}
	};
};

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.5.2

立即下载

Timer定时器



代码描述：jQuery Timer定时器

1

最新

发表评论全部评论

暂时没有评论！

狂奔的蜗牛0

2017/8/31 19:02:20

点个赞，网站的资源真不错
回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

饭吃了没。

相关代码

Timer定时器

最新