Yura Khomitsky 13 октября 2019 5

По истечении 30 секунд с текущего времени отобразится уведомление о том, что прошло 30 секунд.

Yura Khomitsky / 13 октября 2019

Мне нужно сделать страницу со временем и менять время каждые 5 секунд, а через 30 секунд мне нужно отобразить уведомление о том, что прошло 30 секунд

function showClock(){
		var d=new Date();
		var hours=d.getHours();
		var minutes=d.getMinutes();
		var seconds=d.getSeconds();
		var clock=document.getElementById("clock");
		clock.innerHTML=`<h1>${hours}:${minutes}:${seconds}</h1>`;
		
	 }
	setInterval(showClock,1000);

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<section id="main"></section>
	<section id="clock"></section>
  </body>
</html>

1 Ответ

Simon Dehaut / 13 октября 2019

попробуй в следующий раз ...

let start = (new Date()).getTime();

function showClock(){
    var d = new Date();
    var hours = d.getHours();
    var minutes = d.getMinutes();
    var seconds=d.getSeconds();
    console.log(`${hours}:${minutes}:${seconds}`);
    if(d.getTime() - start >= 1000 * 30) {
    	console.log('30 sec');
        start = d.getTime();
    }
}

setInterval(showClock, 5000);

...