Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > SetInterval и SetTimeOut

Автор: Syltan 10.5.2010, 21:18

1)Скажите ,как мне с помощью функции SetTimeOut изменить цвет фона?
2) Есть такой простой код:

Код


<html>
<head></head>
<body>
<script type='text/javascript'>
setInterval('alert("прошла секунда")', 1000);
alert('Privet');
clearInterval(intervalID);
</script>
</body>
</html>

Как мне сделать так, чтоб 5 секунд, каждую секунду выдавало алерт, то есть 5 алертов, после 5 секунд, выдача алертов заврешилась?

Автор: Amphiluke 10.5.2010, 22:03

Все в куче. Разберетесь?

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript">
    function resetBground() {
        var clr = Math.round(Math.random() * 0xFFFFFF).toString(16);
        while (clr.length < 6) clr = "0" + clr;
        document.body.style.background = "#" + clr;
    }
    window.setInterval(resetBground, 1000);
    var count = 0;
    var h = window.setInterval(function() {
        alert((++count).toString() + " seconds elapsed");
        if (count > 4) window.clearInterval(h);
    }, 1000);
</script>
</body>
</html>

Автор: Syltan 10.5.2010, 23:37

Прикольно такого не видел ещё прикола изменения. А как сотановить изменение фона, а то оно безконца меняет.
И ещё, если к примеру мне нужно выдать сообщение фон, будет менятся в 5 секунд, чтоб на 6 секунду у меня фон остановился на фоновой картинке jpg,это возможно?

Добавлено через 4 минуты и 36 секунд
Незнаю ещё как вывест ивремя загрузки документа

Автор: Amphiluke 11.5.2010, 12:25

Цитата(Syltan @ 11.5.2010, 03:37

)

А как сотановить изменение фона, а то оно безконца меняет.И ещё, если к примеру мне нужно выдать сообщение фон, будет менятся в 5 секунд, чтоб на 6 секунду у меня фон остановился на фоновой картинке jpg,это возможно?

Да конечно возможно, почему нет. Нужно только взять из того скрипта часть, отвечающую за изменение фона, соединить в единой функции с той частью, где выбрасываются alert'ы. Только сам alert убрать, а оставить условие count > 4, при выполнении которого вызвать метод clearInterval ну и еще сменить фон на картинку. Если что-то не получается, покажите код, как делаете.

Цитата(Syltan @ 11.5.2010, 03:37

)

Незнаю ещё как вывест ивремя загрузки документа

Это что еще такое? user posted image

Добавлено через 13 минут и 7 секунд
Это что-ли время, прошедшее от начала загрузки до завершения?

Код


<script type="text/javascript">
    var startTime = new Date();
    window.onload = function() {
        var endTime = new Date();
        var aTime = new Date();
        aTime.setTime(endTime.getTime() - startTime.getTime());
        alert("Документ загружался в течение " + aTime.getMinutes() + " минут " + aTime.getSeconds() + " секунд");
    }
</script>

Это в секции head. Чем раньше, тем лучше. user posted image

Автор: Syltan 11.5.2010, 23:01

Код весьма большой 400 строк, и ещё 1 файл, яваскрипт отдельный который подключаю.
Короче мне нужно Чтоб фон какой сейчас есть остался после первых 10-и секунд изменения фона на разные цвета при загрузке, отобразился. Я не могу понять куда его пихать и как правильно написать. Вот архив. Дело в том, что у меня в онлоаде есть другая функция которая загружается ,а как теперь с фоном тогда?

Фон задаётся у меня классом class='body5' который в файле стилях в отдельном лежит.

Автор: Amphiluke 12.5.2010, 19:41

Цитата(Syltan @ 12.5.2010, 03:01

)

Вот архив.

Ну елки-моталки. Зачем мне этот ваш архив, если в нем даже намека нет на ту задачу с фоном, о которой вы говорите. Я вас просил код, относящийся к делу, а не вообще какой-нибудь, лишь бы только код. Вы вообще сами пытались что-нибудь сотворить на основании того примера, что я вам дал?

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    .body5 {
        background: #FFFFFF; /* например. Неважно */
    }
</style>
</head>

<body class="body5">
<script type="text/javascript">
    var initColor = document.body.style.background;
    var count = 0;
    function resetBground() {
        if (++count < 10) {
            var clr = Math.round(Math.random() * 0xFFFFFF).toString(16);
            while (clr.length < 6) clr = "0" + clr;
            document.body.style.background = "#" + clr;
        } else {
            window.clearInterval(h);
            document.body.style.background = initColor;
        }
    }
    var h = window.setInterval(resetBground, 1000);
</script>
</body>
</html>

Цитата(Syltan @ 12.5.2010, 03:01

)

Дело в том, что у меня в онлоаде есть другая функция которая загружается ,а как теперь с фоном тогда?

Либо перед перезаписью обработчика события onload сохранить старый в переменной, и затем вызывать старый обработчик в новом при помощи этой переменной; либо добавлять слушателей события onload при помощи методов https://developer.mozilla.org/en/DOM/element.addEventListener/http://msdn.microsoft.com/en-us/library/ms536343(VS.85).aspx, которые позволяют добавлять произвольное число обработчиков, и каждый из них будет вызван в нужной последовательности.

Автор: Syltan 12.5.2010, 20:57

Сделал немного по-другому, ещё добавил таймер вот так:

Код


function resetBground() {
        var clr = Math.round(Math.random() * 0xFFFFFF).toString(16);
        while (clr.length < 6) clr = "0" + clr;
        document.body.style.background = "#" + clr;
    }


var poshiol = 0;
function fon()
{
 var  d = document.getElementById("divin");
      if(++poshiol>10)  {
      document.body.style.cssText = 'body5';
      d.innerHTML = '';
    } else {
      resetBground();
      d.innerHTML = (10 - poshiol).toString().fontsize(20);
      setTimeout("fon();", 1000);
  }
}      
..............................
.........<div id="divin"></div>

Последняя проблемма, не могу увеличить, размер шрифта, вроде просто, делаю это методом fontsize(20);
Больше если поставить не увеличивает, что делать?

Автор: Amphiluke 12.5.2010, 21:06

Цитата(Syltan @ 13.5.2010, 00:57

)

что делать?

Забыть про метод fontsize.

Код


d.innerHTML = "<span style='font-size: 48pt;'>" + (10 - poshiol).toString() + "</span>";

Автор: txop 14.5.2010, 16:30

Тоже есть вопрос небольшой.

Есть кусок скрипта. В ходе выполнения происходит клик по кнопке "submit". Скрипт запускаю через GreaseMonkey.

Код


var al = tdl[y].parentNode.parentNode.childNodes[res].getElementsByTagName('input')
for (var w=0;w<al.length;w++)
{
    al[w].click(); //клик есть
}

Когда вставляю его в setTimeout. Кликать не хочет. Выдает alert и всё.

Код


var h = window.setTimeout(function() 
{
         alert("XXX");
         al[w].click(); //клика нет
}, 2000);

В чем глюк ?

----------
Извиняюсь. Уже разобрался.