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

 更新时间:2020年06月12日 11:59:12   作者:路痴队长  
这篇文章主要介绍了JS定时器如何实现提交成功提示功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

应用场景:

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

HTML:

{#评论成功提示#}
<div class="popup_con" style="display: none; margin-left: 300px">
    <div class="popup" >
        <p style="color: red; font-size: 16px">评论成功!</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实现鼠标经过表格行变色的方法

    js实现鼠标经过表格行变色的方法

    这篇文章主要介绍了js实现鼠标经过表格行变色的方法,涉及javascript表格节点样式及鼠标事件的相关操作技巧,需要的朋友可以参考下
    2015-05-05
  • 兼容ie和firefox js关闭代码

    兼容ie和firefox js关闭代码

    最近做项目的时候碰到一个问题: 在js里面使用window.close(),IE下工作正常,但是FireFox下有时可以,有时不行。
    2008-12-12
  • 一文教你学会用JS实现图片懒加载功能

    一文教你学会用JS实现图片懒加载功能

    图片懒加载是日常开发会经常使用的一个功能,但是在日常中可能使用v-lazy便直接实现了图片懒加载,但是本文将通过原生js来实现一下图片懒加载的功能,感兴趣的同学跟着小编一起来看看吧
    2023-07-07
  • js对象基础实例分析

    js对象基础实例分析

    这篇文章主要介绍了js对象基础,以实例形式分析了js对象的创建、读取及遍历等技巧,需要的朋友可以参考下
    2015-01-01
  • JS简单的图片放大缩小的两种方法

    JS简单的图片放大缩小的两种方法

    这篇文章介绍了JS简单的图片放大缩小的两种方法,有需要的朋友可以参考一下
    2013-11-11
  • 微信小程序之事件交互操作实例分析

    微信小程序之事件交互操作实例分析

    这篇文章主要介绍了微信小程序之事件交互操作,结合实例形式分析了微信小程序事件响应、交互及界面布局等相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • ant design中实现table的表格行的拖拽

    ant design中实现table的表格行的拖拽

    这篇文章主要介绍了ant design中实现table的表格行的拖拽,文章围绕table表格行拖拽实现的相关资料展开详细的代码内容,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-03-03
  • js正则表达式replace替换变量方法

    js正则表达式replace替换变量方法

    这篇文章主要介绍了js正则表达式/replace替换变量方法 ,最近项目任务繁重,更新博客会较慢,不过有时间希望可以把自己的积累分享出来,需要的朋友可以参考下
    2016-05-05
  • JavaScript获得选中文本内容的方法

    JavaScript获得选中文本内容的方法

    今天希望实现一个,直接在网页上选中文本,点击收藏夹的链接(javascript)即可弹出新窗口(类似“百度搜藏”和“QQ书签”),新窗口中的文本框即显示了选中的文本。
    2008-12-12
  • 用Javascript评估用户输入密码的强度(Knockout版)

    用Javascript评估用户输入密码的强度(Knockout版)

    早上看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文)
    2011-11-11

最新评论