15.05.2013 18:19:34 Скрипт анимированного текста на JavaScript Сообщение #1
olegvasil
Эксперт
Дата регистрации:
25.03.2013 22:27:59
Сообщений: 106
Добрый вечер.Михаил подскажите как работает функция stopShow() и для чего она нужна в ниже приведенном скрипте
<script language="javascript">
var timerID = 0;
var timerRunning = false;
var charNo = 0;
var charMax = 0;
var textLine = "Это анимированный текст.Приятного просмотра!"; //Текст на кнопке
var urlLine = "http://www.myrusakov.ru"; //Адрес перехода после нажатия
function startShow() {
stopShow();
showLine();
timerRunning = true;
}
function stopShow() {
if (timerRunning) {
clearTimeout(timerID);
timerRunning = false;
}
}
function showLine() {
charMax = textLine.length;
if (charNo <= charMax) {
document.animationbutton.but.value = textLine.substring(0, charNo);
document.animationbutton.but.style.color = "lime";
document.animationbutton.but.style.backgroundColor = "blue";
document.animationbutton.but.style.fontSize = "40px";
charNo++;
timerID = setTimeout("showLine()", 100);
}
else {
charNo = 0;
timerID = setTimeout("showLine()", 3000);
}
}
function gotoURL() {
location.href = urlLine;
}
</script>
</head>
<body onload = "startShow()" >
<form name = "animationbutton">
<input type = "button" name = "but" onClick = "gotoURL()">
</form>
</body>
</html>
<script language="javascript">
var timerID = 0;
var timerRunning = false;
var charNo = 0;
var charMax = 0;
var textLine = "Это анимированный текст.Приятного просмотра!"; //Текст на кнопке
var urlLine = "http://www.myrusakov.ru"; //Адрес перехода после нажатия
function startShow() {
stopShow();
showLine();
timerRunning = true;
}
function stopShow() {
if (timerRunning) {
clearTimeout(timerID);
timerRunning = false;
}
}
function showLine() {
charMax = textLine.length;
if (charNo <= charMax) {
document.animationbutton.but.value = textLine.substring(0, charNo);
document.animationbutton.but.style.color = "lime";
document.animationbutton.but.style.backgroundColor = "blue";
document.animationbutton.but.style.fontSize = "40px";
charNo++;
timerID = setTimeout("showLine()", 100);
}
else {
charNo = 0;
timerID = setTimeout("showLine()", 3000);
}
}
function gotoURL() {
location.href = urlLine;
}
</script>
</head>
<body onload = "startShow()" >
<form name = "animationbutton">
<input type = "button" name = "but" onClick = "gotoURL()">
</form>
</body>
</html>
