Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Doktor1962
6 / 23 / 2
Регистрация: 29.01.2013
Сообщений: 169
#1

Разделить по времени увеличение объектов setTimeout - JavaScript

27.02.2016, 14:08. Просмотров 104. Ответов 1
Метки нет (Все метки)

Имеются 3 divа, которые при открытии файла поочередно увеличиваются в размерах.
Как сделать, чтобы между увеличениями divов был промежуток в 1 секунду?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>zdvig</title>

<style type="text/css">
<!--

#L1 {
position: absolute;
background-color: #0000FF;
left: 0px;
top: 300px;
width: 20px;
z-index: 2;
}
#L2 {
position: absolute;
background-color: #0000FF;
left: 30px;
top: 300px;
width: 20px;

z-index: 2;
}
#L3 {
position: absolute;
background-color: #0000FF;
left: 60px;
top: 300px;
width: 20px;

z-index: 2;
}

-->
</style>
</head>

<body>
<div id="L1">2000</div>
<div id="L2">110</div>
<div id="L3">120</div>

<script type="text/javascript">
var zm=5;
var gf=0;
var ruh = null;
var b=0;
var t=setInterval('poshel()',50);

function poshel(){

var zn=[25, 50, 75];
var nz=['L1', 'L2', 'L3'];
var ob=document.getElementById(nz[b]);
var x = ob.offsetHeight;
var y = ob.offsetTop;
gf=gf+zm;
ob.style.height = x + zm+"px";
ob.style.top = y -zm+ "px";


if (gf>zn[b]){
b++;
gf=0;
if (b>2){
clearInterval(t);
return
}

}
</script>
</body>
</html>
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.02.2016, 14:08
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Разделить по времени увеличение объектов setTimeout (JavaScript):

SetTimeout
Надо чтобы квадраты меняли цвет на зеленый, сначала один, потом другой и снова....

SetTimeout
Привет знатокам. У меня не большая проблема с таймером. Хочу что бы...

SetTimeout
... хотя может быть проблема в чём-то другом (руки неоттуда растут?), но я...

Не срабатывает setTimeout()
Добрый вечер почему то не срабатывает setTimeout(); &lt;html&gt; &lt;head&gt; &lt;meta...

JavaScript (SetTimeout);
Есть задача ... после нажатия на кнопку, сделать так что бы её фон изменялся...

Зациклить setTimeout
Добрый день! Как зациклить анимацию клика? Использую for, но не помогает. Всё...

1
WeMeSder
21 / 21 / 19
Регистрация: 13.07.2014
Сообщений: 268
27.02.2016, 17:26 #2
Лучший ответ Сообщение было отмечено Doktor1962 как решение

Решение

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
[quote="Doktor1962;8807911"]
var t;
//+ -->
start()
function start() {
t=setInterval('poshel()',50);
}
//+ <--
function poshel(){
var zn=[25, 50, 75];
var nz=['L1', 'L2', 'L3'];
var ob=document.getElementById(nz[b]);
var x = ob.offsetHeight;
var y = ob.offsetTop;
gf=gf+zm; 
ob.style.height = x + zm+"px";
ob.style.top = y -zm+ "px";
if (gf>zn[b]){
b++;
gf=0;
setTimeout(start, 1000); //+
clearInterval(t); //+
if (b>2){
clearInterval(t);
return
}
}
}[/quote]
вроде(может) так?
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.02.2016, 17:26
Привет! Вот еще темы с решениями:

Javascript setTimeout
Доброго времени суток. помогите разобраться, почему код не хочет сотрудничать...

метод setTimeout
Не работает таймер таким образом: /* ... */ function hide(div) {...

window.setTimeout
Люди подскажите пожалуйста, после авторизации на сайте я попадаю на страничку с...

Не работает setTimeout()
function initialization(){ var el = { step : 0, func : function(){ ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru