LINUX.ORG.RU

html обратный отсчет времени


0

0

Подскажите как реализовать самый простой вариант обратного отчета времени.

<html> <meta http-equiv="refresh" content="5;URL=http:/aaa.bbb.ccc"> <meta http-equiv="Content-type" content="text/html; charset=utf8"> <body> Уважаемый посетитель, страница www.vvv.ccc была перемещена. <P> Через <b>5</b> секунд произойдет переход на новую версию страницы. </body> </html>

P.S. нужно чтобы при открытии страницы секунды уменьшались, 5, затем 4, 3, 2, 1.

anonymous

<html>
  <head>
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script language="JavaScript">
      <!--
      var timerID = 0;
      var delay = 30;
      function UpdateTimer() {
	       delay--;
	       if (delay<= 0) {
		        Stop();
              window.open(location.href); 
              return true;
          }
          Start();
      }
      function Start() {
          document.getElementById("theTimer").innerHTML = "Вы сможете перейти на следующую страницу нашего сайта через <b>"+delay+"</b> секунд";
          timerID=setTimeout("UpdateTimer()", 1000);
      }
      function Stop() { 
          if(timerID) {
              clearTimeout(timerID);
              timerID= 0;
              document.getElementById("theDescrp").innerHTML = 'Подтверждение для скачивания файла открыто в новом окне автоматически. Если произошла ошибка, то <a href="'+document.location+'" target=_blank>нажмите сюда</a>';
              document.getElementById("theTimer").innerHTML = "";
          }
      }
      //-->
    </script>
  </head>
  
  <body onload = "Start()" onunload="Stop()">

    <table border=0 width=100% height=100%>
      <tr>
	     <td align=right valign=top><div id='theTimer' class=text></div></td>
      </tr>
    </table>
  </body>
</html>

eugine_kosenko ★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.