javascript - jQueryを使用してデータベースから特定の期間にテキストを交互に表示する

Question

私はjQueryを初めて使用します。特定の時間間隔でデータベースからの顧客の声を表示する必要があります。このサイトに表示されているようなもの。このサイトにはお客様の声コンテナがあり、その中に特定の期間にデータベースから1つずつお客様の声が表示されます。私は長い間グーグルで試しましたが、運が悪かったです。そのようなスクリプトをダウンロードできるリンクを知っているなら、それは私にとって非常に役に立ちます。ありがとう。

Answer 1

さて、あなたがリンクしたサイトでそれがどのように行われているかを見ることができます。

(function ($) {
    $(document).ready(function () {
        var el = $("#testimonial");
        if (el) {
            RotateTestimonial();
            setInterval(RotateTestimonial, 20000);
        }
    });

    function RotateTestimonial() {
        var pageUrl = "RandomTestimonial.php"
        $.ajax({
            type: "GET",
            url: pageUrl,
            cache: false,
            success: function (msg) {
                $("#testimonial").slideUp('slow').fadeOut(3000, function () {
                    var el = $("#testimonial");  //Refers to some container tag like <div> or <span> where the random message is to be written.
                    el.html(msg);
                    el.slideDown('slow').fadeIn('slow');
                });
            }
        });
    }
})(jQuery)

Answer 2

このコードは、20 秒のタイマーを設定して、YourPageHereReturnsHTML.aspx から返された HTML を証言 div に読み込みます。

<div id="testimonial">
</div>

<script>
(function($){
$(document).ready(function(){
    var el = $("#testimonial");
    if (el){
    RotateTestimonial();
    setInterval(RotateTestimonial, 20000);
    }
});

function RotateTestimonial(){
    var pageUrl = "YourPageHereReturnsHTML.aspx"
    $.ajax({
            type: "GET",
            url: pageUrl,
            cache:false,
            success: function(msg) {                   
                $("#testimonial").slideUp('slow').fadeOut(3000, function (){
                    var el = $("#testimonial"); 
                    el.html(msg);
                    el.slideDown('slow').fadeIn('slow');
                });
            }
    });
}
})(jQuery)
</script>