警報顯示和消失的時間

我的代碼工作時間後，但我想說明的時間週期警報（警報警報預警）和（警報警報的成功）我也想展示警告一段時間，但在此之後重新加載頁面。警報顯示和消失的時間

屏幕下面的例子爲（警報警報預警）

它的工作，但是這將是巨大的，如果警報預警秀了一段時間後消失（我想3秒應該很好）。

屏幕下方爲（警報警報的成功）

它還工作，我也想展示並在一段時間後消失，但該警報我的警報後要消失它的直接重新載入頁面（不關閉X按鈕）

這是我的index.php

這是我register.php

，這是我main.js

我的問題是在main.js，我嘗試了一些代碼，它的工作，但警報消失後（3秒），當用戶嘗試再次顯示它時，它不再有效。任何意見，將不勝感激。

來源

2016-11-30 Victor Huang

郵編爲文本 – 2016-11-30 06:05:48

您可以使用sweetalert插件http://t4t5.github.io/sweetalert/這一點。 –

@Chonchol Mahmud，謝謝，插件很好。但我仍然想知道解決我所問的問題。 :) –

它沒有顯示，因爲成功回調後，你在setTimeout的3秒後隱藏元素。你需要做的是，在運行前setTimeout功能，只顯示元件回類似的例子頁：

success : function() { 
    $('#register_message').show(); //show the element back 
    $('#register_message').html(''); // remove existing element 
    $('#register_message').html(data); // adding new element coming from server side 
    ........... 
    the rest of the code 
    .......... 

}

對於重載：

如果從服務器端傳來的數據是HTML代碼，那麼這樣做：

success : function (data) { 

    $('#register_message').show(); //show the element back 
    $('#register_message').html(''); // remove existing element 
    $('#register_message').html(data); // adding new element coming from server side 

    setTimeout(function() { 
     $('#register_message').hide(); 
     // and at here you can check whether the html coming is success or error 
     if ($(data).hasClass('alert-success')) 
      location.reload(); 

    }, 3000); 

}

來源

2016-11-30 06:11:06

嗨，感謝您的幫助，但我仍然有1個問題需要您的建議。錯誤和成功的消息在3秒鐘後消失，爲了成功，我如何將它包括在3秒後直接重新加載？如果我在代碼下面添加重新加載，它的工作，但對於錯誤消息，它也將重新加載頁面後顯示警報，應該顯示警報和消失，我如何設置錯誤信息顯示警報和消失。成功顯示警報然後消失，然後重新加載頁面。任何建議？ –

很高興聽到這個，你不受歡迎的隊友 –

試試這個：

setTimeout(function() { alert("my message"); }, time);

代替JS警報（），你可以調用自舉模式的警報或jQuery UI的對話框類似警告。

來源

2016-11-30 06:04:21

警報顯示和消失的時間

回答

相關問題