使用jQuery在數據庫中以特定時間段交替顯示文本

Question

我對jQuery很新。 我需要在特定時間間隔內顯示來自數據庫的客戶推薦 。 像這個網站上顯示的東西。 此站點上有一個推薦書容器，在該容器中，在一定時間段內，數據庫中的推薦書將逐一顯示。 我在Google上試了很久但沒有運氣。 如果你知道我可以下載這樣一個腳本的鏈接，那對我來說非常有幫助。 謝謝。

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>