Que espero que sea una rápida y fácil la pregunta,

Estoy creando una función simple, pero necesario para desencadenar 3-4 segundos después de que se haya cargado la página, simplemente no sé cómo.

Aquí está mi script

$(function () {
    var slideout = $('#slideout');
    slideout.animate({
        right: '-200px'
    }, 1000, function () {});
    $(".out").toggle(function () {
        $(this).addClass('in');
        slideout.animate({
            right: '0px'
        }, {
            queue: false,
             duration: 500
        });
    }, function () {
        $(this).removeClass('in');
        slideout.animate({
            right: '-200px'
        }, {
            queue: false,
            duration: 500
        });
    });
    $(".close").click(function () {
        $(this).removeClass('out');
        slideout.animate({
            right: '-200px'
        }, {
            queue: false,
            duration: 1000
        });
        slideout.fadeOut({
            duration: 1000
        });
    });
});

Cualquier ayuda es muy apreciada.

  • Googleando javascript timeout debe obtener en el camino correcto!
  • $(function(){ setTimeout(myfunc, 3000); /*other code */}) el pasado función se invoca en el documento listo. usted puede agregar su código de tiempo de espera de allí.
  • curioso.. ¿por qué 3-4 segundos?
InformationsquelleAutor AlexB | 2013-10-20

2 Comentarios

  1. 12
    $(document).ready(function(){
       setTimeout(function(){
    
             //YOUR CODE
    
       },4000);
    });
    • Gracias que trabajó para mí, va a aceptar la respuesta en pocos minutos
    • en cualquier momento…..:)buena suerte bro…
    • ¿Por qué tenemos que añadir settimeout dentro del documento.listo? si el documento está listo entonces ¿por qué settimeout es necesario?
    • Por favor, lea OP Pregunta con cuidado.. Él dijo: yo estoy creando una función simple, pero necesario para desencadenar 3-4 segundos después de que se haya cargado la página,
  2. 1
    $(function () {
        var doInteresting = function () {
            var slideout = $('#slideout');
            slideout.animate({
                right: '-200px'
            }, 1000, function () {});
            $(".out").toggle(function () {
                $(this).addClass('in');
                slideout.animate({
                    right: '0px'
                }, {
                    queue: false,
                    duration: 500
                });
            }, function () {
                $(this).removeClass('in');
                slideout.animate({
                    right: '-200px'
                }, {
                    queue: false,
                    duration: 500
                });
            });
            $(".close").click(function () {
                $(this).removeClass('out');
                slideout.animate({
                    right: '-200px'
                }, {
                    queue: false,
                    duration: 1000
                });
                slideout.fadeOut({
                    duration: 1000
                });
            });
        }
    
        setTimeout(doInteresting, 3000);
    });

Dejar respuesta

Please enter your comment!
Please enter your name here