的Javascript JQuery的逐漸顯露影像

Question

我有一個閏年的功能，我希望它慢慢顯露一個答案，然後慢慢的一段時間後消失。這是我的代碼。

function isLeaper() { 
      var image1 = '../images/yes.png'; 
      var image2 = '../images/no.png'; 
      var year = document.getElementById("isLeaper").value; 
      var arr = year.split('/'); 
      var splitYear = arr[arr.length - 1]; 
      // 1. If the year is divisible by 4, but not 100. 
      if ((parseInt(splitYear) % 4) == 0) { 
       if (parseInt(splitYear) % 100 == 0) { 
        if (parseInt(splitYear) % 400 != 0) { 
         $('#myDiv').html(year + 'is not a leap year. Sorry!').fadeIn('normal', function() { 
          $(this).fadeOut(); 
         }); 
         // alert(year + 'is not a leap year. Sorry!'); 
         return "false"; 
        } 
        if (parseInt(splitYear) % 400 == 0) { 
         $('#myDiv').html(year + 'is a leap year. Hooray!').fadeIn('normal', function() { 
          $(this).fadeOut(); 
         }); 

         //alert(splitYear + ' is a leap year. Hooray! '); 
         return "true"; 
        } 
       } 
       if (parseInt(splitYear) % 100 != 0) { 
        $('#myDiv').html(year + 'is a leap year. Hooray!').fadeIn('normal', function() { 
         $(this).fadeOut(); 
        }); 

        //alert(splitYear + ' is a leap year. Hooray! '); 
        return "true"; 
       } 
      } 
      if ((parseInt(splitYear) % 4) != 0) { 
       $('#myDiv').html(year + 'is not a leap year. Sorry!').fadeIn('normal', function() { 
          $(this).fadeOut(); 
         }); 

       //alert(splitYear + ' is not a leap year. Sorry! '); 
       return "false"; 
      } 
     } 

     if ((parseInt(year) % 4) != 0) { 
      alert(year + ' is not a leap year. Sorry!'); 
      return "false"; 
     } 

我已經聲明在HTML部分一個div，但什麼也沒有發生。它被設置爲揭示一個答案，我也想修改的肯定答案揭示圖像yes.png和沒有答案揭示no.png圖像。任何幫助將不勝感激。謝謝！

Answer 1

對於fadeIn您div必須hidden

添加在CSS

#myDiv 
{ 
    display:none; 
} 

然後嘗試。

而且閱讀fadeInhttp://api.jquery.com/fadeIn/

Answer 2

我做這樣的事情：

$('#myDiv').html(year + 'is a leap year. Hooray!').fadeIn(500).delay(1000).fadeOut(500); 

而且@Rohan提到一個很好的點。 div應該被顯示：隱藏在css中。