Использование JQuery для анимации div, чтобы скрыть по истечении заданного времени, но затем получить доступ с помощью кнопки, чтобы показать / скрыть - PullRequest
Новая
       11

Использование JQuery для анимации div, чтобы скрыть по истечении заданного времени, но затем получить доступ с помощью кнопки, чтобы показать / скрыть

1 голос
/ 23 марта 2012

Код был изменен, и теперь он работает следующим образом, когда вы нажимаете на страницу, которую оживляет div, чтобы показать.И если вы нажмете на кнопку, это переключит шоу и скрыть div.Но то, что он не делает, исчезает через минуту, когда он впервые открывается.все еще изучаю jquery, так что мой код может быть немного повсюду. 

   <script>
   var isOn = true;

    function getOff(){
    if(isOn){
    $("#button").trigger('click');
    }
      }

    $("#button").trigger('click');

    setTimeout("getOff()", 1000);


    $(document).ready(function() { 

      $("#button").toggle(function () {
         $("#expandText").show("slide", { direction: "right" }, 1000);
         $("#button").css("background-image","url(images/Text_Expander_off.jpg)");
    },function () {
            $("#expandText").hide("slide", { direction: "right" }, 1000);
           $("#button").css("background-image","url(images/Text_Expander_on.jpg)");
    });
    });
     </script>

Ответы [ 2 ]

1 голос
/ 23 марта 2012 
var isOn = true;

function getOff(){
if(isOn){
  $("#button").trigger('click');
  }
}

$("#button").trigger('click');

setTimeout("getOff()", 5000);

и установите isOn в значение false, если пользователь нажимает кнопку

  • отредактировано, так как я забыл о переключателе
0 голосов
/ 23 марта 2012 
var timer;
var seconds=-1;
function hidediv(){
clearTimeout(timer);
seconds++;

if (secods == 60){
//hide div
return false;
}

timer= setTimeout(hidediv(), 1000);
}

при нажатии кнопки добавить 

//call function
seconds();
...