[Вопрос] Добавление таймера в postbit

05-07-2014, 12:04 PM

Задача такая, под аватаркой должен тикать таймер до даты указанной в доп поле профиля юзера. При достижении даты, выводится определённый текст, заданный в скрипте.

Скрипт есть, но работает он почему-то только 1 раз, при первом вызове скрипта на странице. У остальных юзеров он не работает. Подскажите решение задачи.

Код скрипта:

Code:

var userData; 

function TrialIn(){ 
        var now = new Date(); 
        var endData = new Date(userData); 
        var totalRemains = (endData.getTime()-now.getTime()); 
        if (totalRemains>1) 
        { 
                var RemainsSec=(parseInt(totalRemains/1000)); 
                var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); 
                var secInLastDay=RemainsSec-RemainsFullDays*24*3600; 
                var RemainsFullHours=(parseInt(secInLastDay/3600)); 
                if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; 
                var secInLastHour=secInLastDay-RemainsFullHours*3600; 
                var RemainsMinutes=(parseInt(secInLastHour/60)); 
                if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; 
                var lastSec=secInLastHour-RemainsMinutes*60; 
                if (lastSec<10){lastSec="0"+lastSec}; 
                var mcend = Date.parse("Jan 1, 2012, 00:00:00"); 
                var mcnow = now.getTime(); 
                var mc = ((mcend-mcnow)/10).toFixed(0).substr(8); 
                document.getElementById('trial').innerHTML = '<img src="http://sb.uploads.ru/2WaV9.png"></img><br>'+ RemainsFullDays+ " д. " +RemainsFullHours+ " ч. " +RemainsMinutes+ " м. "+lastSec+ " с."; 
                setTimeout("TrialIn()",10); 

        } 
        else {document.getElementById("trial").innerHTML = "Free for Trial !!!";} 
} 

function timerstart(extEndData){ 
        userData = extEndData; 
        document.writeln('<span id="trial"></span>'); 
        TrialIn(extEndData); 
}

Вызов скрипта в postbit legacy

Code:

<script type="text/JavaScript" src="test.js"></script> 
<div align="center"> 
<script type="text/JavaScript">                
 timerstart("{vb:raw post.field11}"); 
</script>

05-07-2014, 02:40 PM

Кривущий, конечно, у вас скрипт, но конкретно та проблема о которой вы спрашиваете связана с id контейнера div, в котором вы показываете таймер. id он на то и id, что должен быть уникальным у каждого контейнера и метод getElementById возвращает не массив всех узлов с указанным id, а один. Вот почему у вас только у одного работает таймер.

И если вы за этот скрипт заплатили кому-то, выдерните ему руки.

05-07-2014, 04:36 PM

Всё с миру по нитке

А вот подправленная версия, контейнер создается динамически, путем добавления в его ID номер сообщения в теме.

Code:

var size=50; //число таймеров 
var TimeoutID=new Array (size); //Массив ID таймеров 
var Timeout=new Array (size); //Массив времени таймеров 
  
function showtime (n) { 
  var t=Timeout[n]; 
  if (t>0) { 

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

   document.getElementById('clock'+n).innerHTML = '<img src="http://sb.uploads.ru/2WaV9.png"></img><br>'+ RemainsFullDays+ " д. " +RemainsFullHours+ " ч. " +RemainsMinutes+ " м. "+lastSec+ " с." 

   Timeout[n]-=10; 
   window.setTimeout('showtime('+n+');',10); 
  } 
  else if (t<1) { 
   document.getElementById('clock'+n).innerHTML = ''; 
   //Убрать строку выше - счётчик не будет исчезать 
   window.clearTimeout (TimeoutID[n]); 
   //Обработку по истечении времени ставить сюда 
  } 
 } 
  
 function inittime (n,userData) {  
  //Номер таймера или номер поста, строка даты 

  var now = new Date(); 
  var endData = new Date(userData); 
  var totalRemains = (endData.getTime()-now.getTime()); 

  document.writeln ('<p><span id="clock'+n+'"</span></p>'); 

  if (totalRemains>1){ 
    TimeoutID[n]=window.setTimeout('showtime('+n+')', 10); 
    Timeout[n]=totalRemains; 

  } 

 }

Code:

<script type="text/JavaScript" src="clientscript/trial.js"></script>  
<div align="center"> 
<script type="text/javascript"> 
  inittime ({vb:raw post.postcount},"{vb:raw post.field11}"); 
</script>

Проблема так и осталась (хотя в простеньком статичном html работает несколько таймеров), но таймер теперь тикает не у первого пользователя, а у какого-нибудь одного другого....

05-07-2014, 08:42 PM

Незавершенное объявление тега span:

Code:

document.writeln ('<p><span id="clock'+n+'"</span></p>');

05-07-2014, 09:40 PM

Спасибо! Поправил)
Но на работу это никак не повлияло :(

05-07-2014, 10:35 PM

Не удивительно. Вообще, я бы на вашем месте попросил кого-нибудь переписать скрипт. Потому, что тут вообще хз, что творится. Например, каждый вызов SetTimeout требует обновления хранимого идентификатора, зачем вообще использовать clearTimeout в вашем случае, когда SetTimeout планирует код к выполнению только однократно, t - это целое число, если оно не больше нуля, значит и меньше единицы, какой смысл во втором условии. Зачем вызывать код каждые 10 миллисекунд? Секундного интервала для часов много чтоли? Потом, тут я могу ошибаться, но post.postcount - это количество постов у юзера, а не порядковый номер сообщения. Ну и т.д...

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

05-08-2014, 10:49 AM

Sellrion, благодарю за наставления! В целом на форуме своих модернизаций почти нет (они незначительные, без всяких скриптов). Плюс пяток популярных модулей. В общем будем экспериментировать дальше...

P.S. post.postcount - всё же порядковый номер сообщения в теме. )

05-08-2014, 12:51 PM

Quote:

Originally Posted by Shinigami

post.postcount - всё же порядковый номер сообщения в теме.

может лучше postid взять? Всё-таки уникальней будет

05-08-2014, 02:56 PM

Дак вы ссылку на форум дайте.) Может посмотрим, что у вас там.

05-08-2014, 10:35 PM

Вроде справились. Решили остановиться на статическом таймере.

Вот рабочий тестовый вариант, возможно кому-то пригодится:

Code:

var userData; 
var nPost;

function TrialIn(){ 
        var now = new Date(); 
        var endData = new Date(userData); 
        var totalRemains = (endData.getTime()-now.getTime()); 
        if (totalRemains>1) 
        { 
                var RemainsSec=(parseInt(totalRemains/1000)); 
                var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); 
                var secInLastDay=RemainsSec-RemainsFullDays*24*3600; 
                var RemainsFullHours=(parseInt(secInLastDay/3600)); 
                if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; 
                var secInLastHour=secInLastDay-RemainsFullHours*3600; 
                var RemainsMinutes=(parseInt(secInLastHour/60)); 
                if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; 
                var lastSec=secInLastHour-RemainsMinutes*60; 
                if (lastSec<10){lastSec="0"+lastSec}; 
                document.getElementById('trial'+nPost).innerHTML = RemainsFullDays+ " д. " +RemainsFullHours+ " ч. " +RemainsMinutes+ " м. ";                

        } 
        else {document.getElementById('trial'+nPost).innerHTML = "Время пришло!";} 
} 

function timerstart(extEndData,i){ 
        userData = extEndData;  
        nPost = i; 
        document.writeln('<span id="trial'+i+'"></span>'); 
        TrialIn(); 
}

Code:

<script type="text/JavaScript" src="clientscript/test.js"></script> 
<div align="center"> 
<script type="text/JavaScript">        
 timerstart("{vb:raw post.field11}",{vb:raw post.postcount}); 
</script>