Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.08.2009, 23:13
Bakers Dozen
 
Сообщений: n/a

Скрипт обратного отсчёта времени
Всем здрасте,помогите мне пожалуйста .Мне нужен таймер обратного отсчёта времени,желательно в секундах.Время я должен установить сам.В конце должна появится ссылка,ну или текст какой-нибудь..Скрипт очень нужен.Заранее спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 25.08.2009, 23:15
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

http://woweb.ru/load/100
Ответить с цитированием
  #3 (permalink)  
Старый 25.08.2009, 23:16
Профессор
Отправить личное сообщение для alexKniaz Посмотреть профиль Найти все сообщения от alexKniaz
 
Регистрация: 14.10.2008
Сообщений: 186

Типа того:
<script type="text/javascript">
function timer(){
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;
 
 if(obj.innerHTML==0){alert('Hello');setTimeout(function(){},1000);}
 else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>
<div id="timer_inp">10</div>
Ответить с цитированием
  #4 (permalink)  
Старый 19.12.2009, 15:40
Новичок на форуме
Отправить личное сообщение для SUPERGOORU Посмотреть профиль Найти все сообщения от SUPERGOORU
 
Регистрация: 19.12.2009
Сообщений: 1

обратный до конца света
<center><a href="http://kovcheg.ucoz.org/"> <img src="http://kovcheg.ucoz.org/banner.gif" border="0"></a></center><br><br>

<center>До 21 декабря 2012 года осталось:</center><br>

<SCRIPT language="JavaScript" type="text/javascript">
function fulltime () {
var time=new Date();
var newYear=new Date("dec,21,2012,11:11:00");
var totalRemains=(newYear.getTime()-time.getTime());

if (totalRemains>1){

var RemainsSec = (parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+Remains FullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinu tes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};

document.getElementById("RemainsFullDays").innerHT ML=RemainsFullDays+" секунд";
setTimeout('fulltime()',10)
}

else{
document.getElementById("clock").innerHTML="Поз дравляем с Новой Эрой!";
}
}
</SCRIPT>

<body>
<div align="center"><span id="clock"></div>
<div align="center"><b><span id="RemainsFullDays"></span></b></div><br>
</span>

<SCRIPT language=JavaScript>fulltime();</SCRIPT>
Ответить с цитированием
  #5 (permalink)  
Старый 06.06.2010, 18:11
Новичок на форуме
Отправить личное сообщение для JimmyCalling Посмотреть профиль Найти все сообщения от JimmyCalling
 
Регистрация: 06.06.2010
Сообщений: 5

alexKniaz, а как сделать, чтоб перед и после надписи оставшихся секунд был текст и чтобы всё было на одной строке?
Когда я вставляю до и после текст, из-за тега <div> выходит:
Вы перейдёте через
15
секунд


А мне нужно:
Вы перейдёте через 15 секунд

Ведь после тега <div> идёт ещё id="timer_inp", поэтому если убрать тег <div>, таймер будет стоять на месте.

Подскажи пожалуйста что делать!

Последний раз редактировалось JimmyCalling, 06.06.2010 в 18:59.
Ответить с цитированием
  #6 (permalink)  
Старый 06.06.2010, 19:07
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

<div style="float:left;">Текст спереди</div><div id="timer_inp" style="float:left;">10</div><div style="float:left;">Текст после таймера</div>

float -даёт обтекание текстом, в данном случае нужно по левой стороне.
Ответить с цитированием
  #7 (permalink)  
Старый 06.06.2010, 19:21
Новичок на форуме
Отправить личное сообщение для JimmyCalling Посмотреть профиль Найти все сообщения от JimmyCalling
 
Регистрация: 06.06.2010
Сообщений: 5

Спасибо, почти получилось, но надписи слева и справа прямо "прилипли" к таймеру. Пробелами отделять почему-то не получается.
Выходит:

Вы перейдёте к добавлению материала через15секунд

Что делать теперь?
Ответить с цитированием
  #8 (permalink)  
Старый 06.06.2010, 19:51
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

Ну можно так:
<div style="float:left; margin-right:5px;">Текст спереди</div><div id="timer_inp" style="float:left;">10</div><div style="float:left; margin-left:5px;">Текст после таймера</div>

margin - даёт отступ от соседнего элемента
или так:
<div style="float:left;">Текст спереди</div>&nbsp;<div id="timer_inp" style="float:left;">10</div>&nbsp;<div style="float:left; margin-left:5px;">Текст после таймера</div>

&nbsp; - знак пробела, должен помочь, их можно поставить несколько

Последний раз редактировалось Vulkan, 06.06.2010 в 20:29.
Ответить с цитированием
  #9 (permalink)  
Старый 06.06.2010, 20:34
Новичок на форуме
Отправить личное сообщение для JimmyCalling Посмотреть профиль Найти все сообщения от JimmyCalling
 
Регистрация: 06.06.2010
Сообщений: 5

Спасибо, помогло
Ответить с цитированием
  #10 (permalink)  
Старый 06.06.2010, 20:51
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

Сообщение от JimmyCalling Посмотреть сообщение
Спасибо, помогло
Советую тебе поучиться CSS тут htmlbook, думаю откроешь для себя много нового
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Графический таймер обратного отсчета bobri4 Элементы интерфейса 4 24.08.2009 22:50
Таймер обратного отсчета Mihael-Vlz Общие вопросы Javascript 1 14.06.2009 19:21
А как зделать скрипт, чтобы например скрипт 1 заменялся скриптом 2? yura371 Общие вопросы Javascript 3 06.01.2009 22:40
таймер обратного отсчета Mignon Общие вопросы Javascript 1 07.06.2008 17:16
добавление окошка в скрипт подсчета слов Гость Общие вопросы Javascript 10 11.03.2008 17:07