Пример решения задачи на языке программирования JavaScript - кнопка с анимированным текстом - OkZachet.Ru
 

OkZachet.Ru

Решение задач и контрольных работ|Помощь на экзамене|Онлайн тесты

Скоро сессия студент? OkZachet.Ru - и нет проблем
Опыт. Качество. Гарантии. Бесплатные доработки.
г. Первоуральск, тел. 8(908)639-54-09, email: admin@okzachet.ru

  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта
Главная Информатика и программирование JavaScript Пример решения задачи на языке программирования JavaScript - кнопка с анимированным текстом
E-mail Печать PDF

Пример решения задачи на языке программирования JavaScript - кнопка с анимированным текстом

javascript

Условие:
Разработать скрипт для кнопки с динамически появляющимся текстом. При нажатии на кнопку пользователь переходит на заданный в скрипте URL.

Результат работы:

Код javascript (вставлять между тегами <head> и </head>):

<script language="javascript">
var timeID=0;
var timerRunning = false;
var charNo = 0;
var charMax = 0;
var textLine = "OkZachet.Ru - Special Web Site"; //текст на кнопке

var urlLine = "http://okzachet.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 = "red";
charNo++;
timerID = setTimeout("showLine()",100);
} else {
charNo = 0;
timerID = setTimeout("showLine()", 3000);
}
}

function gotoURL(){
location.href = urlLine;
}
</script>

Код HTML (вставлять между тегами <body onload = "startShow()"> и </body>):

<form name = "animationbutton">
<input type = "button" name="but" onClick="gotoURL()">
</form>

Решение задачи на языке программирования Javascript завершено.

Если все же у Вас остались вопросы по выполнению заданий, то Вы можете ознакомиться с общей информацией по решению контрольных работ и задач на заказ на сайте OkZachet.Ru.

С Уважением, Администратор сайта.

Обновлено 25.08.2017 11:20  

Добавить комментарий

Перед опубликованием все комментарии модерируются!


Пройти опрос 1

По какому предмету Вам нужна помощь?
 

Пройти опрос 2

Из какого вы города?
 

Пройти опрос 3

Что нужно добавить на сайт?