Показать сообщение отдельно
  #4 (permalink)  
Старый 11.09.2017, 18:19
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Рони, мне кажется не справится с переделкой

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div style="height:500px;">----------------------</div>
	<div style="height:500px;">----------------------</div>
	<div style="height:500px;">----------------------</div>
	<div style="height:500px;">----------------------</div>
	<div style="height:500px;">----------------------</div>
	<div style="height:500px;">----------------------</div>

	<p class="item2">Вы находитесь на сайте уже
		<span id="timer_1">0</span> секунд.
	</p>

	<p class="item3">За это время <span>Ваш доход </span> с аренды 
		недвижимости мог составить:
	</p>
	<p class="item4 amount" id="timer_2">0</p>

	<script>

		document.addEventListener("scroll",  count, false);
		function count(){
			var t = document.querySelector('#timer_1');
			if(t.getBoundingClientRect().top-window.innerHeight<0){ 
				setInterval(function(){
					t.textContent++;
				},1000);
				setInterval(function(){
					document.querySelector('#timer_2').textContent++;
				},200);
				document.removeEventListener("scroll",  count, false);
			}
		}

	</script>
</body>
</html>

Последний раз редактировалось j0hnik, 11.09.2017 в 18:23.
Ответить с цитированием