Форум

Борис К · #1 (**permalink**) 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>

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

рони · #2 (**permalink**) 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>

Борис К · #3 (**permalink**) 08.07.2021, 09:38

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

Форум

Справочник

Discord чат

Курсы javascript