js计时时分秒

js计时时分秒

1.js

var TimeBar = {
	timer: 0,
	hour: 0,
	minute: 0,
	second: 0,
	dateContent: "00:00:00",
	creatHtml: function() {
		var content = '<p class="timeBar">' + TimeBar.dateContent + '</p>';
		$("body").prepend(content);
	},
	showItem: function() {
		TimeBar.creatHtml();
		TimeBar.setTimeInterval();
	},
	hideItem: function() {
		$(".timeBar").remove();
		TimeBar.clearTimeInterval();
	},
	resetDate: function() {
		TimeBar.second++;
		if (TimeBar.second >= 60) {
			TimeBar.second = 0;
			TimeBar.minute = TimeBar.minute + 1;
		}
		if (TimeBar.minute >= 60) {
			TimeBar.minute = 0;
			TimeBar.hour = TimeBar.hour + 1;
		}
		var hour = TimeBar.hour < 10 ? "0" + TimeBar.hour : TimeBar.hour;
		var minute = TimeBar.minute < 10 ? "0" + TimeBar.minute : TimeBar.minute;
		var second = TimeBar.second < 10 ? "0" + TimeBar.second : TimeBar.second;
		var content = hour + ":" + minute + ":" + second;
		TimeBar.dateContent = content;
		$(".timeBar").html(TimeBar.dateContent);
	},
	setTimeInterval: function() {
		TimeBar.timer = setInterval(TimeBar.resetDate, 1000)
	},
	clearTimeInterval: function() {
		window.clearInterval(TimeBar.timer);
		TimeBar.timer = 0;
		TimeBar.hour = 0;
		TimeBar.minute = 0;
		TimeBar.second = 0;
		TimeBar.dateContent = "00:00:00";
	}
}

2.另一种方法是记录一个时间点oldDate，然后每次用当前时间newDate - oldDate