surligner la couleur de la bordure de la boîte de texte pendant quelques secondes?

Salut, je veux mettre en évidence une zone de texte dans la couleur de bordure pour quelques secondes , ensuite je veux changer de couleur blanche. est-il un moyen pour addClass fonction pour spécifier le temps aussi. D'une autre manière ?essayé avec http://jsfiddle.net/RW2s4/7/ pas de travail

source d'informationauteur Rosh

  1. 10

    Ce petit script d'ajout de la classe de "mettre en évidence" pendant deux secondes pour le champ de saisie:

    $('#text').change(function() {
    var jElement = $(this);
    jElement.addClass('highlight');
    setTimeout(
        function() { jElement.removeClass('highlight'); },
        2000
    );
});

    Voir aussi cet exemple.

    Ou ici la combinaison de votre et le mien solution.

  2. 1

    Vous pouvez utiliser switchClassquelque chose comme:

    $("#element").switchClass("removeThisClass", "addThisClass", 1000)

    Démo Violon: ICI

    Référence:JQuery Docs

  3. 1

    Mettre en évidence la div sur cliquez sur la diapositive à div

    $('.box').click(function() {
    var jElement = $(this);
    jElement.addClass('highlight');
    setTimeout(
        function() { jElement.removeClass('highlight'); }, 
        500
    );
    //$(window).scrollTop($('.box3').offset().top,100);
    $("html, body").delay(100).animate({
        scrollTop: $('.box2').offset().top 
    }, 2000);

});


    <button>http://jsfiddle.net/tyPct/198/   </button>
  4. 0

    Voir en direct Démo 

    $(function(){

  setTimeout(ChangeBorder, 2000);

  function ChangeBorder() {
     $(".highlight").css({"border-color":"red"});
  }
});
  5. 0

    Vérifier la fonction animate de jquery qui anime l'élément après un certain intervalle de temps:

    http://api.jquery.com/animate/

    démo: http://jsfiddle.net/umSkg/2/

    $(document).ready(function(){
    var ogColor = $("#inpt").css("border-left-color");
    $("#trggr").click(function(){
        var inpt = $("#inpt");
        var delay = 1000;
        inpt.animate({ borderColor: "#EAC117" }, delay,function(){
        //revert after completing
        inpt.animate({ borderColor: ogColor }, delay);
        });
    });

});
  6. -1

    Utiliser la fonction d'effet de

    $('#component').effect("highlight", {color: 'red'}, 2000);