2017-05-26 5 views
1

すべてのページの読み込みを示すブートストラップモーダルダイアログがあります。 しかし、refhで次のモーダルポップアップのために10秒の遅延を設定する必要があります resh。特定の時間に起動モーダルが表示されないようにする方法

それは、モーダルはずのリフレッシュによって示され、私はページを更新して示すモーダル意味次の10秒間

これは私がこれまでにやったことですが、それを解決するためのcouldnt、

var showpopup = "0"; 
refreshIntervalId; 
if (refreshIntervalId) { 
    refreshIntervalId = setInterval(function() { 
     localStorage.setItem("allowShowPopup", "1"); 
    }, 10000); 
} else { 
    showpopup = localStorage.getItem("allowShowPopup"); 
    if (showpopup == "1") { 
     $("#mpopupsLightbox").modal('show'); 
    } 
} 
+0

私はこれを明確にしておきましょう。ページをリフレッシュするとき、最初に10秒が経過するまで、 'mpopupsLightbox'が最初に表示されるべきではありませんか?それとも、それは逆の方法ですか? – eeya

+1

setTimeoutではなくsetIntervalが必要です。 setTimeoutは1回トリガしますが、setIntervalはクリアされるまで間隔ごとに無限に繰り返されます。 –

+0

@eeyaいいえ、最初に表示されるはずですが、10秒後に更新する必要があります。 – TyForHelpDude

答えて

0

問題の解決方法を教えてください。それは救助に来るjquery.cookie.jsです、私は10秒後に有効期限が切れ、設定されたポップアップがページをリフレッシュする場合、表示することができるかどうかを確認するクッキーを設定しました..

これはコード片です。

if ($.cookie('modal_shown') == null) { 
     var date = new Date(); 
     date.setTime(date.getTime() + (10 * 1000)); 
     $.cookie('modal_shown', 'yes', { expires: date }); 
     $("#myModal").modal('show'); 
    } 
4

はこれを試してみてください。

$(document).ready(function(){ 
    setTimeout(function(){ 
    $("#mpopupsLightbox").modal("show"); 
},10000); 
}) 
+0

これは私の答えではなく、10秒後にトリガーするだけです。 – TyForHelpDude

関連する問題