本篇文章小编给大家分享一下JS定时器实现提交成功提示功能代码实例,代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
应用场景:
用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。
HTML:
{#评论成功提示#}
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('评论失败'); } } }) })