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

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

27.02.2016, 14:08. Просмотров 709. Ответов 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
Надо чтобы квадраты меняли цвет на зеленый, сначала один, потом другой и снова....

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

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

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

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

1
WeMeSder
21 / 21 / 19
Регистрация: 13.07.2014
Сообщений: 275
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

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

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

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


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

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

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