Ok. Я кажись полностью разобрался. Завтра только немножко подкоректирую условие. Я представляю его чуть по другому. Там будет только указано шаг (Step-параметр) и Значение которое должно быть. Как только этого значения достичь, тогда массив с заданием удаляется. В будущем просто может еще прикручу параметр (за какое времья нужно делать анимацию).
Рабочий код выглядит пока-что уже так:
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.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script language="javascript">
arr = [];
setInterval(function(){procesZmTm()},15);
function procesZmTm(){
arr.forEach(function(y){
//for(var i=0; i<arr.length-1; i++) {
pot_id=y.id;
pot_zn=y._znach;
if (pot_zn==0.25){
if(document.getElementById(pot_id).style.opacity>0.25){document.getElementById(pot_id).style.opacity-=0.01;}else{delete arr[y._id];}}
if (pot_zn==1){
if(document.getElementById(pot_id).style.opacity<1){document.getElementById(pot_id).style.opacity-=-0.01;}else{delete arr[y._id];}}
document.getElementById(pot_id).innerHTML=document.getElementById(pot_id).style.opacity + ' .......... ' + Math.random();
document.title=arr.length;
//}
});
}
function ftmzmina(menu, znach)
{
var i=arr.length;
var p=sfind(arr,menu);
if (p==-1)
{
arr[i]=document.getElementById(menu);
arr[i]._znach=znach;
arr[i]._id=i;
}
else
{
arr[p]=document.getElementById(menu);
arr[p]._znach=znach;
}
}
function sfind(array2, value) {
array2.forEach(function(y2){
if(y2.id==value) {return y2._id;};
});
return -1;
}
</script>
<div id="st2" onclick="ftmzmina('st2',0.25);ftmzmina('st3',1);" style="opacity:1">
ID ST2
</div>
<br>
<div id="st3" onclick="ftmzmina('st2',1);ftmzmina('st3',0.25);" style="opacity:1">
ID ST3
</div>
<br>
</body>
</html>
тоесть можно жать на "блоки" не дождавшись их финальной остановки. RND числами я показываю для себя статус массива (активный элемент или отключен). И в некоторых случаях он не отключается из-за не совсем корректного условия. Завтра сделаю все по себя.
Вопрос будет еще такой. Я явно задаю именно document.getElementById(pot_id).style.opacity, а есть способ чтоб можно было параметром передать opacity или Left или Top, чтоб инициализация была простой onclick="ftmzmina('st2',1000,'
Left ')" или onclick="ftmzmina('st2',1000,'
Top ')"...
