Идущие часы на классах Javascript

[goofy1337]

Добрый день, у меня есть код идущих часов с помощью функций. Не мог бы кто-то помочь переделать его с помощью классов?

function startTime() {
    var date = new Date();
    
    var h = date.getHours();
    var m = date.getMinutes(); 
    var s = date.getSeconds();
    
    m = checkTime(m); 
    s = checkTime(s); 

    document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; 
    
    t = setTimeout('startTime()', 500);
}

function checkTime(i) {
    if (i < 10) i = "0" + i;
    
    return i;
}

Заранее благодарю.

[Nexus]

Не за что

class startTime {
	constructor(){
		this.count();
	}
	count(){
		var date = new Date();
		
		var h = date.getHours();
		var m = date.getMinutes(); 
		var s = date.getSeconds();
		
		m = this.checkTime(m); 
		s = this.checkTime(s); 

		document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; 
		
		setTimeout(this.count.bind(this), 500);
	}
	
	checkTime(i) {
		if (i < 10) i = "0" + i;
		
		return i;
	}
}
var Clock=new startTime();

[Dilettante_Pro]

Nexus,
var t = setTimeout('new startTime()', 500);

[Nexus]

Dilettante_Pro, в коде, в общем-то, вообще непонятно зачем переменная "t".

[goofy1337]

Спасибо большое

[Dilettante_Pro]

t можно использовать для останова часов

<div id = 'clock'></div>
<button id='stop'>Stop</button>
<script>
var t;
document.getElementById('stop').onclick = function() {
    clearTimeout(t);
};
class startTime {
	constructor(){
		this.count();
	}
	count(){
		var date = new Date();
		
		var h = date.getHours();
		var m = date.getMinutes(); 
		var s = date.getSeconds();
		
		m = this.checkTime(m); 
		s = this.checkTime(s); 

		document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; 
		
		t = setTimeout(this.count.bind(this), 500);
	}
	
	checkTime(i) {
		if (i < 10) i = "0" + i;
		
		return i;
	}
}
 var Clock=new startTime();

</script>

[Nexus]

Dilettante_Pro, думаю раз основной функционал у нас является классом, то и останавливать часы нужно через обращение к методу.

<div id = 'clock'></div>
<button id='stop'>Stop</button>
<script>
class startTime {
	constructor(){
		this.t=0;
		this.count();
	}
	count(){
		var date = new Date();
		
		var h = date.getHours();
		var m = date.getMinutes(); 
		var s = date.getSeconds();
		
		m = this.checkTime(m); 
		s = this.checkTime(s); 

		document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; 
		
		this.t = setTimeout(this.count.bind(this), 500);
	}
	
	checkTime(i) {
		if (i < 10) i = "0" + i;
		
		return i;
	}
	
	stop(){
		clearTimeout(this.t);
	}
}


var Clock=new startTime();
document.getElementById('stop').onclick = function() {
    Clock.stop();
};
</script>

[Dilettante_Pro]

Nexus,
Теперь еще нужно стартовать после останова.

[Nexus]

Dilettante_Pro, метод "count" переименовать в "start"

[Dilettante_Pro]

метод "count" переименовать в "start"

ну тут уже вопрос концепции - как должны стартовать часы после останова.
В таком варианте они начинают отсчитывать текущее время, как если и не останавливались.
А м.б. надо продолжить отсчет со значения при останове?