溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關JS定時器實現提交成功提示功能的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
應用場景：
用戶評論后，在合適位置彈出“評論成功”，2秒鐘后自動消失，提示用戶評論成功。
HTML:
{#評論成功提示#}
<div class="popup_con" >
<div class="popup" >
<p >評論成功！</p>
</div>
<div class="mask"></div>
</div>js:
// 評論成功提示定時器
// 定一定時器函數
function showSuccessMsg() {
$('.popup_con').fadeIn('fast', function () {
setTimeout(function () {
$('.popup_con').fadeOut('fast', function () {
});
}, 2000)
});
}
// 提交評論
$("#form_comment").submit(function (event) {
event.preventDefault();
var comment = $('#comment').val();
var data = {
"comment": comment
};
$.ajax({
url: "/task_mgm/taskinfo_comment=" + taskId,
type: "POST",
data: JSON.stringify(data),
contentType: "application/json", // 傳給后端的數據類型
dataType: "json", // 接收后端的數據類型
success: function (resp) {
if (resp.error == 'OK') {
showSuccessMsg();
{#alert('評論成功');#}
$('#comment').val(''); //清空評論框
} else {
alert('評論失敗');
}
}
})
})關于JS定時器實現提交成功提示功能的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
