Увеличение числа через заданный промежуток времени
Добрый день, уважаемые форумчане.
Встала такая задача: есть элемент <span id="cash" class="red b8price">15 512 350</span>, находится он в середине страницы, т.е. около 2ух экранов прокрутки, нужно написать скрипт который начинает увеличивать число на 700 каждые 15 секунд, в момент когда пользователь прокрутил экран до этого участка страницы. Буду признателен за помощь. |
собственно проблема в том, что у меня просто не хватает знаний для реализация, думаю логика скрипта довольно проста, определить уровень страницы через anchor с условием что если страница на определенном уровне, через setTimeout получить элемент через id и произвести его инкремент, собственно по этой логике и пытаюсь сварганить нечто удобоваримое, но проблема в том, что нужно срочно, а с моим уровнем синтаксиса JS я зависну дня на 2.... спасибо
|
тебе стоит разобраться с jQuery
это библиотека для тех кто не умеет программировать сайты но сайт сделать надо |
Цитата:
|
Собственно говоря решение поставленной задачи, быть может кому-то пригодится.
Дан блок <div id="b8left"> <h3>Наши результаты</h3> <div id="b8bonus1" class="b8block"> <span id="cash" class="red b8price">15 512 350</span> <p><span class="red">рублей</span> заработано<br /> нашими клиентами<br /> благодаря лидам</p> </div> <div id="b8bonus2" class="b8block"> <span class="red b8price">103</span> <p><span class="red">лейдинга</span> <br /> создано<br /> для 31 ниши</p> </div> <div id="b8bonus3" class="b8block"> <span id="order" class="red b8price">2548</span> <p><span class="red">заказа</span> <br /> получили<br /> клиенты</p> </div> <div class="clr"></div> <p id="b8slogan">Пока Вы читаете,<br /> <span class="red">эта цифра увеличилась.</span><br /> Лид – это Ваши продажи.</p> </div> необходимо чтобы когда пользователь дошел до этого блока, начал работать счетчик, который: - количество рублей увеличивал на 700+рандомное число до 1500, каждые 15 секунд -количество заказов увеличивал на 1 + рандомное число до 3 каждые 15 секунд -количество лендингов увеличивал на +1 при каждом наведении на это число <script type="text/javascript"> var intercash,interorder,intebonus; $(document).ready(function(){ $(document).scroll(function(e){ clearInterval(intercash); clearInterval(interorder); if( $("#b8").offset().top-$(window).height() < $(document).scrollTop() && $(document).scrollTop() < $("#b8").offset().top+$("#b8").height() ) { intercash = setInterval( function(){ cash = $("#cash").text().replace(/\s/g, ''); cash = parseInt(cash); cash += 700+Math.round(Math.random()*1500); cash = cash.toString(); $("#cash").text(cash.substr(0,2)+" "+cash.substr(2,3)+" "+cash.substr(5,3)); }, 12000 ); interorder = setInterval( function(){ order = $("#order").text() order = parseInt(order); order += 1+Math.round(Math.random()*3); $("#order").text(order); }, 15000 ); } }); $("#b8bonus2").hover( function(){ price = $("#b8bonus2 .b8price").text(); price = parseInt(price); price += 1; price = price.toString(); $("#b8bonus2 .b8price").text(price); }, function(){ clearInterval(intebonus); } ); }); </script> |
Часовой пояс GMT +3, время: 00:36. |