Comment faire fadeOut effet avec JavaScript

Je suis en train de faire fadeOut effet pour un div avec pur JavaScript.

C'est ce que j'utilise actuellement:

//Imagine I want to fadeOut an element with id = "target"
function fadeOutEffect()
{
 var fadeTarget = document.getElementById("target");
 var fadeEffect = setInterval(function() {
  if (fadeTarget.style.opacity < 0.1)
  {
   clearInterval(fadeEffect);
  }
  else
  {
   fadeTarget.style.opacity -= 0.1;
  }
 }, 200);
}

La div doit fade-out en douceur, mais il disparaissent immédiatement.

Quel est le problème? Comment puis-je le résoudre?

jsbin

êtes-vous voir les 9 erreurs dans votre code qui montrent jsbin?
vérifiez aussi de la valeur pour fadeTarget.style.opacity, si vous n'avez pas le programme d'installation manuellement style - il vide
Vraiment? Mon jsbin n'a pas eu d'erreur.
votre jsbin montrent 9 erreur de ce type: Ligne 27: Attendu une expression conditionnelle et a plutôt connu une mission.
Mon jsbin de la console est tout simplement vide.

OriginalL'auteur Anakin | 2015-03-12

  1. 4

    vous pouvez utiliser les CSS transition à la propriété plutôt que de faire vai minuterie en javascript. c'est plus axée sur les performances par rapport à ce que vous faites.

    vérifier

    http://fvsch.com/code/transition-fade/test5.html#test3

    Alors que d'un point valide, cela devrait être un commentaire, l'OP veut savoir quel est le problème avec leur code, il est très proche de travail
    je suis nouveau ici. Je n'ai pas assez de points pour ajouter des commentaires. Je peux faire des commentaires dans ma question et la réponse.

    OriginalL'auteur Vikash

  2. 0
        var op = 1;
    var element = document.getElementById('exitModal');
    function closeModal() {
        window.setInterval(function(){
            element.style.opacity = op;
            op = op - 0.01;
        },10);
    Probablement le plus simple et efficace que j'ai trouvé pour être utilisé.
    Je ne sais pas comment, mais ce code a ajouté une décoloration en vigueur dans mon élément.
    Ce code a déséquilibré les accolades de sorte qu'il ne peut pas s'exécuter. Deuxièmement, si il irait, il n'y aurait jamais de fin de la minuterie à l'aide de ressources CPU pour rien. Veuillez fournir un bref texte d'introduction de votre code. Code-seulement les réponses ont tendance à obtenir à peu de l'appréciation.

    OriginalL'auteur Guryash Singh