JS定时器如何实现提交成功提示功能

来源:网络 文章列表 2020-06-17 263
应用场景:   用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。 HTML: {#评论成功提示#} <div class="popup_con" style="display: none; margin-left: 300px">

应用场景:

  用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。

HTML:

  1. {#评论成功提示#}
  2. <div class="popup_con" style="display: none; margin-left: 300px">
  3. <div class="popup" >
  4. <p style="color: red; font-size: 16px">评论成功!</p>
  5. </div>
  6. <div class="mask"></div>
  7. </div>

js:

  1. // 评论成功提示定时器 // 定一定时器函数
  2. function showSuccessMsg() {
  3. $('.popup_con').fadeIn('fast', function () {
  4. setTimeout(function () {
  5. $('.popup_con').fadeOut('fast', function () { });
  6. }, 2000)
  7. });
  8. }
  9. // 提交评论
  10. $("#form_comment").submit(function (event) {
  11. event.preventDefault();
  12. var comment = $('#comment').val();
  13. var data = { "comment": comment };
  14. $.ajax({
  15. url: "/task_mgm/taskinfo_comment=" + taskId,
  16. type: "POST", data: JSON.stringify(data),
  17. contentType: "application/json", // 传给后端的数据类型
  18. dataType: "json", // 接收后端的数据类型
  19. success: function (resp) {
  20. if (resp.error == 'OK') {
  21. showSuccessMsg();
  22. alert('评论成功');
  23. $('#comment').val('');
  24. //清空评论框
  25. } else {
  26. alert('评论失败');
  27. }
  28. }
  29. })
  30. })

 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:QQ:1292237044
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论