Как менять контент при клике+таймер?

Question

[WingRS]

Есть задача, при клике по кнопке происходит такой ивент:

на

вопрос стоит в чем: чтобы при клике еще стартовал таймер насколько я понимаю такой:

var start = new Date;

setInterval(function() {
    $('.Timer').text((new Date - start) / 1000 + " Seconds");
}, 1000);

и еще при повторном клике по той же кнопке менялось обратно на "старт" пока вот такой код есть:

$(document).ready(function() {
		$("span.btn").click(function(){
			if()
			$(this).html("<i class='fa fa-stop'></i>Stop");
		$(this).parent().parent().css("background","yellow");
		});
})

Answer 1

[Stanislav QQ]

Возможно не самое лучшее решение. Такой ли результат хотите получить?
https://jsfiddle.net/7u3zwzt6/

Comments

[WingRS]

то что надо, только не понимаю как сделать чтобы время сохранялось?

[Stanislav QQ]

WingRS:
https://jsfiddle.net/7u3zwzt6/2/

Выносим в отдельную переменную.
ticker = (new Date() - start) / 1000 + " Seconds";
$('.block').text(ticker);
saveTime = ticker;

Выводим
$('.result').append(''+ saveTime +'');

Answer 2

[Anton fon Faust]

Например, вот так:
https://jsfiddle.net/e30mupuL/