Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.12.2013, 15:55
Новичок на форуме
Отправить личное сообщение для gambit88 Посмотреть профиль Найти все сообщения от gambit88
 
Регистрация: 03.12.2013
Сообщений: 5

Увеличение числа через заданный промежуток времени
Добрый день, уважаемые форумчане.

Встала такая задача: есть элемент <span id="cash" class="red b8price">15 512 350</span>, находится он в середине страницы, т.е. около 2ух экранов прокрутки, нужно написать скрипт который начинает увеличивать число на 700 каждые 15 секунд, в момент когда пользователь прокрутил экран до этого участка страницы.

Буду признателен за помощь.
Ответить с цитированием
  #2 (permalink)  
Старый 03.12.2013, 16:27
Новичок на форуме
Отправить личное сообщение для gambit88 Посмотреть профиль Найти все сообщения от gambit88
 
Регистрация: 03.12.2013
Сообщений: 5

собственно проблема в том, что у меня просто не хватает знаний для реализация, думаю логика скрипта довольно проста, определить уровень страницы через anchor с условием что если страница на определенном уровне, через setTimeout получить элемент через id и произвести его инкремент, собственно по этой логике и пытаюсь сварганить нечто удобоваримое, но проблема в том, что нужно срочно, а с моим уровнем синтаксиса JS я зависну дня на 2.... спасибо
Ответить с цитированием
  #3 (permalink)  
Старый 03.12.2013, 21:06
Профессор
Посмотреть профиль Найти все сообщения от Maxmaxmaximus3
 
Регистрация: 18.11.2013
Сообщений: 275

тебе стоит разобраться с jQuery
это библиотека для тех кто не умеет программировать сайты но сайт сделать надо
Ответить с цитированием
  #4 (permalink)  
Старый 04.12.2013, 01:28
Новичок на форуме
Отправить личное сообщение для gambit88 Посмотреть профиль Найти все сообщения от gambit88
 
Регистрация: 03.12.2013
Сообщений: 5

Сообщение от Maxmaxmaximus3 Посмотреть сообщение
тебе стоит разобраться с jQuery
это библиотека для тех кто не умеет программировать сайты но сайт сделать надо
спасибо конечно за совет, правда пользы в нем значительно меньше чем нужно было бы, эту библиотеку, я действительно сейчас изучаю, равно как и js, но вопроса в сабже это не отменяет, мне нужно реализовать скрипт, с чем сложность и возникла
Ответить с цитированием
  #5 (permalink)  
Старый 04.12.2013, 13:37
Новичок на форуме
Отправить личное сообщение для gambit88 Посмотреть профиль Найти все сообщения от gambit88
 
Регистрация: 03.12.2013
Сообщений: 5

Собственно говоря решение поставленной задачи, быть может кому-то пригодится.

Дан блок
<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>

Последний раз редактировалось gambit88, 04.12.2013 в 13:40.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Промежуток времени между датами Octane Общие вопросы Javascript 16 02.12.2014 02:00
Запуск скрипта через некоторое кол-во времени. qwermjk Общие вопросы Javascript 9 31.03.2013 06:15
Клик по ссылке через каждое №-ое количество времени. lamer Элементы интерфейса 12 17.03.2012 10:17
Скрытие курсора через промежуток времени najrobi Internet Explorer 5 02.07.2009 16:32