расчет времени выполнения операции

NikuZ · August 20, 2007

Здравствуйте, может подскажет кто... как узнать время (миллисекунды) которое прошло с начала выполнения какой-то функции, до ее завершения?

в принципе, вот и весь вопрос....

WingedFox · August 20, 2007

var d1 = new Date
var d2 = new Date
alert(d2.valueOf()-d1.valueOf())

NikuZ · August 20, 2007

я к чему спрашивал то:

увидел я тут на одном профессиональном сайте менюшку интересную, захотел повторить, все в общем сделал, все да не все..... на сайте том пограмотней будет....

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>menu free-lance</title>
<style type="text/css">
 *{
 margin:0;
 padding:0;
 font:11px Tahoma;
 }
 div#telo {
 margin:20px 20px;
 }
 ul.ulPodMenu {
 list-style:none;
 }
 a.menu, a#ind {
 display:block;
 background:#89d363;
 width:220px;
 border:1px solid #fff;
 border-bottom:none;
 padding:3px 0px 3px 30px;
 color:#fff;
 text-decoration:none;
 font-weight:bold;
 position:relative;
 }
 a#ind {
 background:#6bb24b;
 }
 a.aPodmenu {
 display:block;
 background:#f8fff0;
 border:1px solid #fff;
 color:#3d3f3b;
 width:215px;
 padding:2px 20px;
 text-decoration:none;
 font:10px Tahoma;
 }
 a:hover.aPodmenu {
 color:#96c84d;
 }

 div.podMenuDiv {
 position:absolute;
 clip:rect(0px auto 0px auto);
 }
</style>
</head>

<body>
<noscript>
<style type="text/css">
div.podMenuDiv {
 position:relative;
 clip:rect(auto auto auto auto);
 }
</style>
</noscript>
<div id="telo">
 <a href="#" id="ind">Index</a>
 <a href="#" class="menu" name="0" onclick="poyavlenie(this, this.name);">Разработка сайтов</a>
 <div class="podMenuDiv" id="DIV_1">
 <ul class="ulPodMenu">
 <li><a href="#" class="aPodmenu">Дизайн сайтов</a></li>
 <li><a href="#" class="aPodmenu">Верстка</a></li>
 <li><a href="#" class="aPodmenu">Сайт ?под ключ?</a></li>
 <li><a href="#" class="aPodmenu">Веб-программирование</a></li>
 <li><a href="#" class="aPodmenu">Флеш</a></li>
 <li><a href="#" class="aPodmenu">Сайт ?под ключ? + сопровождение</a></li>
 <li><a href="#" class="aPodmenu">Администрирование сайта</a></li>
 <li><a href="#" class="aPodmenu">Технический дизайн</a></li>
 <li><a href="#" class="aPodmenu">Контент менеджер</a></li>
 </ul>
 </div>
 <div id="2">
 <a href="#" class="menu" name="1" onclick="poyavlenie(this, this.name);">Программирование</a>
 <div class="podMenuDiv" id="DIV_2">
 <ul class="ulPodMenu">
 <li><a href="#" class="aPodmenu">Копирайтинг и Редактирование</a></li>
 <li><a href="#" class="aPodmenu">Веб-контент</a></li>
 <li><a href="#" class="aPodmenu">Слоганы/Рекламные объявления</a></li>
 <li><a href="#" class="aPodmenu">Новости/Пресс-релизы/Статьи</a></li>
 <li><a href="#" class="aPodmenu">Технические переводы</a></li>
 <li><a href="#" class="aPodmenu">Художественные переводы</a></li>
 <li><a href="#" class="aPodmenu">Тексты/Речи/Рапорты</a></li>
 <li><a href="#" class="aPodmenu">Техническая документация</a></li>
 <li><a href="#" class="aPodmenu">Стихи/Поэмы/Эссе</a></li>
 <li><a href="#" class="aPodmenu">Резюме</a></li>
 <li><a href="#" class="aPodmenu">Марина</a></li>
 <li><a href="#" class="aPodmenu">Бизнес-планы</a></li>
 <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li>
 <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li>
 </ul>
 </div>
 </div>
 <div id="3">
 <a href="#" class="menu" name="2" onclick="poyavlenie(this, this.name);">Переводы/тексты</a>
 <div class="podMenuDiv" id="DIV_3">
 <ul class="ulPodMenu">
 <li><a href="#" class="aPodmenu">Логотипы</a></li>
 <li><a href="#" class="aPodmenu">Полиграфия</a></li>
 <li><a href="#" class="aPodmenu">Фирменный стиль</a></li>
 <li><a href="#" class="aPodmenu">Векторная графика</a></li>
 <li><a href="#" class="aPodmenu">Рисунки и иллюстрации</a></li>
 <li><a href="#" class="aPodmenu">Баннеры</a></li>
 <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li>
 <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li>
 <li><a href="#" class="aPodmenu">Наружная реклама</a></li>
 </ul>
 </div>
 </div>
 <div id="4">
 <a href="#" class="menu" name="3" onclick="poyavlenie(this, this.name);">Дизайн/Арт</a>
 <div class="podMenuDiv" id="DIV_4">
 <ul class="ulPodMenu">
 <li><a href="#" class="aPodmenu">Логотипы</a></li>
 <li><a href="#" class="aPodmenu">Полиграфия</a></li>
 <li><a href="#" class="aPodmenu">Фирменный стиль</a></li>
 <li><a href="#" class="aPodmenu">Векторная графика</a></li>
 <li><a href="#" class="aPodmenu">Рисунки и иллюстрации</a></li>
 <li><a href="#" class="aPodmenu">Баннеры</a></li>
 <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li>
 <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li>
 <li><a href="#" class="aPodmenu">Наружная реклама</a></li>
 </ul>
 </div>
 </div>
 <div id="5">
 <a href="#" class="menu" name="4" onclick="poyavlenie(this, this.name);">Реклама/Маркетинг</a>
 <div class="podMenuDiv" id="DIV_5">
 <ul class="ulPodMenu">
 <li><a href="#" class="aPodmenu">Логотипы</a></li>
 <li><a href="#" class="aPodmenu">Полиграфия</a></li>
 <li><a href="#" class="aPodmenu">Фирменный стиль</a></li>
 <li><a href="#" class="aPodmenu">Векторная графика</a></li>
 <li><a href="#" class="aPodmenu">Рисунки и иллюстрации</a></li>
 <li><a href="#" class="aPodmenu">Баннеры</a></li>
 <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li>
 <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li>
 <li><a href="#" class="aPodmenu">Наружная реклама</a></li>
 </ul>
 </div>
 </div>
 <div id="6">

 <h5>Типа контент</h5>
 <p>слова тут всякие, тыры пыры....</p>
 </div>
 </div>
</div>
<script type="text/javascript">
 vseLink=document.getElementsByTagName('a');
 for(var ssil=0;ssil<vseLink.length;ssil++)
 {
 vseLink[ssil].onfocus=function(){this.blur()};
 }

 step=16;

 div = document.getElementById('telo');
 divPodDiv = div.getElementsByTagName('div');

 var vseHeight = new Array();
 var visibilityHeight=new Array(0,0,0,0,0);

 var i,j,epep;

 vseHeight[0]=divPodDiv[0].clientHeight;
 vseHeight[1]=divPodDiv[2].clientHeight;
 vseHeight[2]=divPodDiv[4].clientHeight;
 vseHeight[3]=divPodDiv[6].clientHeight;
 vseHeight[4]=divPodDiv[8].clientHeight;

 function minus()
 {
 if(visibilityHeight[epep]>0)
 {
 if(visibilityHeight[epep]<50)
 {
 visibilityHeight[epep]-=2;
 if(visibilityHeight[epep]<0)
 visibilityHeight[epep]=0;
 document.getElementById(epep+2).style.marginTop=visibilityHeight[epep]+"px";
 document.getElementById("DIV_"+(epep+1)).style.clip="rect(0px, auto, "+visibilityHeight[epep]+"px, auto)";
 setTimeout(minus, 10);
 }
 else
 {
 visibilityHeight[epep]-=step;
 document.getElementById(epep+2).style.marginTop=visibilityHeight[epep]+"px";
 document.getElementById("DIV_"+(epep+1)).style.clip="rect(0px, auto, "+visibilityHeight[epep]+"px, auto)";
 setTimeout(minus, 1);
 }
 }
 }
 function poyavlenie(ob, nomer)
 {
 nomer=1+nomer-10;

 for(i=0;i<visibilityHeight.length;i++)
 {
 if(visibilityHeight[i]>0&&!visibilityHeight[nomer])
 {
 epep=i;
 minus();
 }
 }
 if(visibilityHeight[nomer]==0)
 {
 function plus()
 {
 if(visibilityHeight[nomer]<vseHeight[nomer])
 {
 if(visibilityHeight[nomer]>vseHeight[nomer]-50)
 {
 visibilityHeight[nomer]+=2;
 document.getElementById(nomer+2).style.marginTop=visibilityHeight[nomer]+"px";
 ob.nextSibling.nextSibling.style.clip="rect(0px, auto, "+visibilityHeight[nomer]+"px, auto)";
 setTimeout(plus, 10);
 }
 else
 {
 visibilityHeight[nomer]+=step;
 document.getElementById(nomer+2).style.marginTop=visibilityHeight[nomer]+"px";
 ob.nextSibling.nextSibling.style.clip="rect(0px, auto, "+visibilityHeight[nomer]+"px, auto)";
 setTimeout(plus, 1);
 }
 }

 }
 plus();
 }
 else
 {
 epep=nomer;
 minus();
 }
 }
</script>
</body>
</html>

WingedFox · August 20, 2007

Таймаут менее 50ms ставить бесполезно.

При куче таймеров поможет http://forum.dklab.ru/js/advises/AccImer.html

NikuZ · August 20, 2007

При куче таймеров поможет http://forum.dklab.ru/js/advises/AccImer.html

спасибо за ссылочку, попробую разобраться....

Sign In

расчет времени выполнения операции

Question

NikuZ

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

WingedFox

Link to comment

Share on other sites

NikuZ

Link to comment

Share on other sites

WingedFox

Link to comment

Share on other sites

NikuZ

Link to comment

Share on other sites

Обсуждения

Forums

Important Information