2013-04-01 5 views
0

Кто-нибудь сможет мне помочь?Как изменить значение маржи с помощью обратного отсчета?

Вот что я сейчас http://jsfiddle.net/fergu0516/GAVDA/

 var leave = 200; 
     if(leave > 0) 
     { 
      CounterTimer(); 
     } 
     function CounterTimer() 
     { 
     var minute = Math.floor(leave/60); 
     var second = Math.floor(leave) - (minute*60);    
     minute=minute<10 ? "0" + minute : minute; 
     second=second<10 ? "0" + second : second; 

     var remain = minute + ":" + second; 
     leave = leave-1 ; 
     document.getElementById("clkTimer").innerHTML = remain;    


     if(leave >= 0) 
      { 
       setTimeout(CounterTimer,1000); 
      } 
     else 
      { 
      alert("Your cart is expired!") 
      window.location = "#";     
      } 
     } 
    $(document).ready(function(){ 

// The relative URL of the submit.php script. 
// You will probably have to change it. 

// Caching the feedback object: 
var feedback = $('#feedback'); 

$('#feedback').click(function(){ 

    // We are storing the values of the animated 
    // properties in a separate object: 

    var anim = {  
     mb : 207,   // Margin Bottom 
     pt : 0   // Padding Top 
    }; 

    var el = $(this).find('.arrow'); 

    if(el.hasClass('buttonright')){ 
     anim = { 
      mb : 0, 
      pt : 0 
     }; 
    } 

    // The first animation moves the form up or down, and the second one 
    // moves the "Feedback heading" so it fits in the minimized version 

    feedback.stop().animate({marginRight: anim.mb}); 

    feedback.find('.section').stop().animate({paddingTop:anim.pt},function(){ 
     el.toggleClass('buttonright buttonleft'); 
    }); 
}); 

    }); 

мне нужно иметь тот же эффект, что и образец: что происходит сейчас, что, когда я нажимаю красную коробку шоу таймера, давая (Div идентификатор = «обратная связь») с правом поля 207px.

Здесь мне нужно, чтобы это произошло автоматически, когда время истекает 1:00. Поэтому, когда таймер достигнет 1:00, окно покажет, добавив margin-right: 207px к объекту.

Большое вам спасибо, что-нибудь поможет.

ответ

2

Demo

сделать что-то вроде этого:

if(leave == 60){ 
     $('#feedback').trigger('click'); 
    } 
+0

+1 Это лучше, чем мое решение ниже. – Rohrbs

+0

Да, это работает. Спасибо вам большое обоим. – Francheska

0

Все, что вам нужно сделать, это добавить заявление if, чтобы узнать if(leave == 60), и если это возможно, вы можете анимировать элемент до его «видимого» значения margin-right.

+0

да, я знаю, что мне нужно, что если заявление, я просто не знаю, как поставить его в код. Мой код находится здесь: http://jsfiddle.net/fergu0516/GAVDA/ – Francheska

+0

поместите его где-нибудь в функцию CounterTimer(). – Rohrbs

1

Добавить

if (leave == 60) 
{ 
    $('#feedback').stop().animate({marginRight: 207}); 
} 

функции CounterTimer(). Может быть, после линии leave = leave - 1;.