Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

qaz333

17.07.2012 - 09:42

Как на джавакрипт сделать перебор цифр. чтобы вот к примеру открылась страница а там гдето с интервалом в пол секунды менялиць цифры к примеру от 1 до 60, не добавляльсь 12345, а именно изменялись с 1 на 2 потом с 2 на 3 и тд

Спустя 10 минут (17.07.2012 - 08:52) Winston написал(а):

В функции которая вызывается каждые пол-сек. с помощью setIterval, прописать строчку
document.getElementById('nums').innerHTML = num;
таким образом будет происходить замена чисел.

Спустя 9 минут, 49 секунд (17.07.2012 - 09:02) qaz333 написал(а):

Цитата (Winston @ 17.07.2012 - 05:52)

емм, я не сильно в етом шарю, что я сделал не так


<html>
<div id = "nums">1</div>
</html>

<script text = "javascript">
for(num = 1;num<=10;mum++)
{
document.getElementById('nums').innerHTML = num;
}
</script>

Спустя 8 минут, 45 секунд (17.07.2012 - 09:11) Winston написал(а):

Примерно так

Свернутый текст

<script type="text/javascript">
function foo(){
    var el = document.getElementById('nums');
    el.innerHTML = parseInt(el.innerHTML) + 1;
}
setInterval(foo, 500);
</script>

<div id = "nums">1</div>

Спустя 13 минут, 19 секунд (17.07.2012 - 09:24) qaz333 написал(а):

о, спасиб, я понял как дальше


<script type="text/javascript">
function foo(){

    var el = document.getElementById('nums');
var a = el.innerHTML = parseInt(el.innerHTML);
if(a > 100)
{}else{
    el.innerHTML = parseInt(el.innerHTML) + 1;
}

}

setInterval(foo, 100);

</script>

<div id = "nums">1</div>

Спустя 15 минут, 57 секунд (17.07.2012 - 09:40) qaz333 написал(а):

Тут вопрос ещо в другом стал,

мне нужно в таком месте

<img id = 'nums' src = 'static.gif' width = 'тут менять%' height = '10%'>

также менять чистла, как припелить чтобы меняло числа в width ??

Спустя 11 минут, 37 секунд (17.07.2012 - 09:52) Winston написал(а):

el.width += 1;

Спустя 21 минута, 33 секунды (17.07.2012 - 10:13) qaz333 написал(а):

Цитата (Winston @ 17.07.2012 - 06:52)

el.width += 1;

о, клас, столкнулся с ещо одной проблемой, оно та меняет как положено, но вот только оно прибавляет картинку по пиксельно, а мне надо процентно

width = '20%' width = '30%' и тд, а не width = '20' width = '30'

как исрпавить?

Спустя 12 минут, 47 секунд (17.07.2012 - 10:26) Winston написал(а):

Свернутый текст

<script type="text/javascript">
    start = 0;
    step = 10;
    width = 0;
function foo(){
    var el = document.getElementById('nums');
    width += start + step;
    el.style.width = width + '%';
}
setInterval(foo, 1000);
</script>

<img id = 'nums' src = 'static.gif' width = '10%' height = '10%'>

Спустя 14 минут, 3 секунды (17.07.2012 - 10:40) qaz333 написал(а):

Цитата (Winston @ 17.07.2012 - 07:26)

Свернутый текст

<script type="text/javascript">
    start = 0;
    step = 10;
    width = 0;
function foo(){
    var el = document.getElementById('nums');
    width += start + step;
    el.style.width = width + '%';
}
setInterval(foo, 1000);
</script>

<img id = 'nums' src = 'static.gif' width = '10%' height = '10%'>

При такой конструкции оно мне опять будет вечно прибавлять, почему в начальной конструукции если прикрутить проценты не пашет?

<script type='text/javascript'>
function foo(){

    var el = document.getElementById('nums');
var a = el.width;
if(a > 50)
{}else{
    el.innerHTML = el.width += 1 +'%';
}

}

setInterval(foo, 10);
</script>

Спустя 23 минуты, 21 секунда (17.07.2012 - 11:04) qaz333 написал(а):

а, всё сделал, спасиб Winston огромное

Спустя 8 дней, 22 часа, 36 минут, 41 секунда (26.07.2012 - 09:40) qaz333 написал(а):

Цитата (Winston @ 17.07.2012 - 06:11)

Примерно так

Свернутый текст

<script type="text/javascript">
function foo(){
    var el = document.getElementById('nums');
    el.innerHTML = parseInt(el.innerHTML) + 1;
}
setInterval(foo, 500);
</script>

<div id = "nums">1</div>

а тут такой вопрос возник, почему делается перенос строки вокруг <div id = "nums">1</div>
?

тоесть если есть код к примеру

лалалалал<div id = "nums">1</div>пппппппп

то на странице его покажет как

лалалалал
1
пппппппп

а нужно чтобы было в ряд

лалалалал 1 пппппппп

как так сделать?

Спустя 11 минут, 49 секунд (26.07.2012 - 09:52) Winston написал(а):

Потому что div - блочный элемент, и она растягивается на всю ширину страницы, это можно увидеть если написать
<div id = "nums" style="border: 1px solid;">1</div>, чтобы это исправить напиши
<div id = "nums" style="float: left;">1</div>

Быстрый ответ:

Здесь расположена полная версия этой страницы.