`
esffor
  • 浏览: 1366302 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS实现根据用户行为延时提交

阅读更多

  可以用在AJAX程序中,当用户停止输入5秒后,进行数据提交,为AJAX的节流模式

<html>
<head>
<script language="JavaScript" type="text/javascript">
  
var time=null;
  
function send()...{
      
if(time!=null)...{
      clearTimeout(time);
   time
=null;  
   }

   time
=setTimeout(function()...{alert("send complete")},5000);  
  }

</script>
</head>
<body>
<input type="text" onKeyPress="send()"/>
</body>
</html>

 

 

 



分享到:
评论
1 楼 cyzshenzhen 2016-09-20  
delaycall.js 修改表单延迟自动提交的 jQuery / Zepto 插件
项目描述可以看这里:blog.chenyuanzhen.com/article/45

相关推荐

    js实现定时提交表单

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用开发,能够对用户交互进行实时响应。在在线考试系统中,定时提交表单是一个关键功能,它确保考生在规定时间结束后自动提交试卷,防止作弊并保证...

    jquery实现密保互斥

    在网页应用中,为了防止用户多次提交同一操作,比如连续投票或重复设置密保,我们需要一种机制来限制用户的行为。这个机制就是“互斥”,即在一定时间内,用户只能触发一次特定的操作,之后的操作会被阻止或者提示...

    JS实现问卷星自动填问卷脚本并在两秒自动提交功能

    文件描述了如何使用JavaScript编写一个自动填写问卷星问卷的脚本,并且在填写完毕后自动提交。自动填写的逻辑涉及到对问卷中不同类型题目(如单选题和多选题)的选择,并且针对多选题,目前的脚本实现了任意选择一定...

    javascript经典效果示例

    6. **表单处理与验证**:JavaScript可以对表单元素进行操作,包括获取用户输入、验证输入数据的有效性,以及在提交前阻止默认行为。 7. **拖放功能**:利用HTML5的拖放API,JavaScript可以实现用户友好的拖放操作,...

    点击按钮后延迟跳转、jQuery实现

    在IT行业中,网页交互设计是用户体验的关键因素之一。有时候,我们希望用户在点击按钮后,不是立即跳转到新页面,而是稍作延迟,给...在实际开发中,这种技巧经常被用于提交表单、确认对话框或其他需要用户确认的场景。

    js实现点击链接后延迟3秒再跳转的方法

    在JavaScript中,有时候我们需要实现一个功能,即用户点击链接后不立即跳转,而是等待一段时间后再进行跳转。这种效果可以用于加载提示、确认操作或者其他需要延迟执行的动作。本文将详细介绍如何利用JavaScript的`...

    Python实现的LeetCode爬虫。爬取LeetCode题目描述和提交的代码。.zip

    在这个项目中,我们关注的是一个使用Python实现的LeetCode爬虫,它能抓取LeetCode网站上的题目描述以及用户提交的代码。 LeetCode是一个在线平台,提供各种算法题目,帮助开发者提升编程技能,特别是准备技术面试。...

    The-JS-browser-object.zip_javascript

    这个名为"The-JS-browser-object.zip"的压缩包包含了一份关于JavaScript浏览器对象的PPT讲义,对于初学者来说是一份很好的学习资源。浏览器对象模型(Browser Object Model, BOM)是JavaScript与浏览器进行交互的...

    css3实现动画按钮.rar

    此外,还可以使用`setTimeout`或`setInterval`来实现延时或周期性的效果,如倒计时或进度条。 总的来说,这个“css3实现动画按钮.rar”文件内容很可能是关于如何利用CSS3动画技术和JavaScript来增强表单按钮的交互...

    Javascript弹窗代码大全收集.docx

    IP弹窗通常是指根据用户的IP地址只弹出一次的窗口。这可以通过设置和检查Cookie来实现。以下是一个简单的IP弹窗示例: ```javascript function get_cookie(name) { var search = name + "="; var returnvalue = ...

    jquery 防止表单重复提交代码

    当用户快速连续点击提交按钮,或者由于网络延迟,页面可能在第一次提交请求未完成时再次发送请求,导致数据被多次插入或更新。为了防止这种情况,我们需要在用户点击提交按钮后禁用该按钮,直到表单提交完成。 以下...

    JS基于Ajax实现的网页Loading效果代码

    **JavaScript (JS) 基于Ajax实现网页Loading效果** 在网页开发中,尤其是在使用Ajax进行异步数据交互时,为了提升用户体验,我们通常会在数据加载过程中显示一个Loading动画,告知用户后台正在进行处理。本实例将...

    JS弹出新窗口被拦截的解决方法

    在Web开发中,JavaScript是用于实现网页动态效果的重要技术之一,其中window.open()函数用于在浏览器中打开新窗口。然而,在使用window.open()时,常常会遇到浏览器弹窗拦截的问题,这是由于现代浏览器对弹出窗口...

    Javascript弹窗代码大全(收集)

    总的来说,JavaScript弹窗的实现方式多样,可以根据实际需求选择合适的方法。在编写弹窗代码时,需要注意兼容性问题,确保在主流浏览器中都能正常工作。同时,为了提高用户体验,避免过于频繁或打扰用户的弹窗是非常...

    C# webbrowser控件执行js脚本源码

    3. **等待一段时间**:由于表单提交后可能需要等待服务器响应,因此这里加入了一个延时。 ```csharp Thread.Sleep(5000); ``` 4. **点击链接**:根据传入的URL参数,查找页面中的相应链接并模拟点击行为。 ```...

    关于vue表单提交防双/多击的例子

    在Web开发中,尤其是使用Vue.js进行前端构建时,表单提交的用户体验是一个重要的考虑因素。有时,用户可能会在短时间内连续多次点击提交按钮,导致服务器接收到重复的请求,这可能带来不必要的数据处理和用户体验...

    注册或者点击按钮时,怎么防止用户重复提交数据(实例讲解)

    重复提交数据不仅可能导致服务器端处理数据时出现错误,还可能造成用户体验的下降。下面将结合实例详细讲解如何在不同的场景中防止用户重复提交数据。 首先,在客户端防止重复提交的一种常见方法是在点击按钮时立即...

    python实现12306抢票(内含讲义、资料、代码等)

    Python的time模块可实现基础的延时,而apscheduler库则支持更复杂的定时任务调度。 6. **多线程/异步编程**:为了提高抢票效率,可以使用多线程或多进程。Python的threading和multiprocessing模块提供支持。另外,...

    如何设置页面跳转不被百度K

    建议采用延时跳转(3秒以上)、提供与原页面高度相关的内容以及适度使用JavaScript或表单跳转法等方式来确保既满足SEO要求又不影响用户体验。同时,应密切关注百度等搜索引擎的最新政策和技术动态,及时调整策略以...

    Node.js-Downloadmusicfromsaavn.comgaana.cometc.

    根据压缩包子文件的文件名称列表 "vishaltelangre-music-dl-c4a54ef",我们可以推测这是一个开源项目,可能由用户vishaltelangre创建,用于音乐下载。"c4a54ef"可能是Git仓库中的一个提交哈希,表示项目的某个特定...

Global site tag (gtag.js) - Google Analytics