Javascript-форум (https://javascript.ru/forum/)
-   Firefox/Mozilla (https://javascript.ru/forum/css-html-firefox-mizilla/)
-   -   Создание функции паузы для тестового ротатора (https://javascript.ru/forum/css-html-firefox-mizilla/82803-sozdanie-funkcii-pauzy-dlya-testovogo-rotatora.html)

Борис К 07.07.2021 21:52

Создание функции паузы для текстового ротатора
 
Здравствуйте!
Пожалуйста, помогите с созданием функции паузы для текстового ротатора:
<!DOCTYPE html>
<html>
<head>
<script language="JavaScript">
function rotateEvery(sec)
{
	let Quotation=new Array(
	'Мир',
	'Труд',
	'Май',
	'Июнь',
	'Июль',
	'Август' 
	);

	let which = Math.round(Math.random()*(Quotation.length - 1));
	document.getElementById('textrotator').innerHTML = Quotation[which];
	
	setTimeout('rotateEvery('+sec+')', sec*3000);
}
</script>
</head>
<body>
<button onclick="rotateEvery(1)">Старт</button>
<div id="textrotator"></div><audio id="audio"></audio>
</body>
</html>

Благодарю за помощь!

рони 07.07.2021 23:01

Борис К,
<!DOCTYPE html>
<html>
<head>
<script>

let go = true, timer;

function rotateEvery(sec)
{

    if(go) {
    clearTimeout(timer);
    return;
    }
    let Quotation=new Array(
    'Мир',
    'Труд',
    'Май',
    'Июнь',
    'Июль',
    'Август'
    );

    let which = Math.round(Math.random()*(Quotation.length - 1));
    document.getElementById('textrotator').innerHTML = Quotation[which];

    timer = setTimeout('rotateEvery('+sec+')', sec*3000);
}
</script>
</head>
<body>
<button onclick="go = !go;rotateEvery(1)">Старт/стоп</button>
<div id="textrotator"></div><audio id="audio"></audio>
</body>
</html>

Борис К 08.07.2021 09:38

Рони, как всегда Лучший из Лучших... Огромная Благодарность и Уважение!!!


Часовой пояс GMT +3, время: 20:57.