JS定時(shí)器如何實(shí)現(xiàn)提交成功提示功能
更新時(shí)間：2020年06月12日 11:59:12 作者：路癡隊(duì)長(zhǎng)
這篇文章主要介紹了JS定時(shí)器如何實(shí)現(xiàn)提交成功提示功能,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
應(yīng)用場(chǎng)景：
用戶評(píng)論后，在合適位置彈出“評(píng)論成功”，2秒鐘后自動(dòng)消失，提示用戶評(píng)論成功。
HTML:
{#評(píng)論成功提示#}
<div class="popup_con" style="display: none; margin-left: 300px">
<div class="popup" >
<p style="color: red; font-size: 16px">評(píng)論成功！</p>
</div>
<div class="mask"></div>
</div>
js:
// 評(píng)論成功提示定時(shí)器
// 定一定時(shí)器函數(shù)
function showSuccessMsg() {
$('.popup_con').fadeIn('fast', function () {
setTimeout(function () {
$('.popup_con').fadeOut('fast', function () {
});
}, 2000)
});
}
// 提交評(píng)論
$("#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", // 傳給后端的數(shù)據(jù)類型
dataType: "json", // 接收后端的數(shù)據(jù)類型
success: function (resp) {
if (resp.error == 'OK') {
showSuccessMsg();
{#alert('評(píng)論成功');#}
$('#comment').val(''); //清空評(píng)論框
} else {
alert('評(píng)論失敗');
}
}
})
})
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
淺談js之字面量、對(duì)象字面量的訪問、關(guān)鍵字in的用法
下面小編就為大家?guī)硪黄獪\談js之字面量、對(duì)象字面量的訪問、關(guān)鍵字in的用法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了JavaScript DOM事件(筆記) ,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了js設(shè)計(jì)模式之單例模式原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了javascript單例模式的概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-08-08
html的DOM中document對(duì)象forms集合用法實(shí)例
這篇文章主要介紹了html的DOM中document對(duì)象forms集合用法,實(shí)例分析了forms集合的功能與使用技巧,需要的朋友可以參考下2015-01-01
javascript用defineProperty實(shí)現(xiàn)簡(jiǎn)單的雙向綁定方法
這篇文章主要介紹了javascript用defineProperty實(shí)現(xiàn)簡(jiǎn)單的雙向綁定方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
js中合并對(duì)象的幾種實(shí)現(xiàn)方法
"js 合并對(duì)象"是一種在JavaScript編程中常見的操作,用于將多個(gè)對(duì)象的屬性合并到一起,通常,我們會(huì)使用ES6的擴(kuò)展運(yùn)算符或者Object.assign()函數(shù)來實(shí)現(xiàn)這個(gè)功能,感興趣的可以了解一下2023-08-08
Redux中進(jìn)行異步操作(網(wǎng)絡(luò)請(qǐng)求)的示例方案
這篇文章主要介紹了Redux中進(jìn)行異步操作(網(wǎng)絡(luò)請(qǐng)求)的方案,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
學(xué)習(xí)JavaScript設(shè)計(jì)模式之單例模式
這篇文章主要為大家介紹了JavaScript設(shè)計(jì)模式中的單例模式，對(duì)JavaScript設(shè)計(jì)模式感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單圖片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了js身份證判斷方法支持15位和18位,需要的朋友可以參考下2014-03-03