0

うるう年機能があり、ゆっくりと答えを出して、しばらくするとゆっくりと消えていきたいです。これが私のコードです。

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回答を変更して画像yes.pngを表示し、no回答を変更してno.png画像を表示したいと思います。どんな助けでも大歓迎です。ありがとうございました！

4

2 に答える 2

0

fadeInあなたがしdivなければならないためにhidden

CSSで追加

#myDiv
{
    display:none;
}

それから試してください。

http://api.jquery.com/fadeIn/もお読みくださいfadeIn

于 2013-03-18T04:35:34.030 に答える
0

私は次のようなことをします：

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

また、@Rohan は良い点について言及しています。div を表示するには、css で非表示にする必要があります。

于 2013-03-18T05:25:27.150 に答える