如何设置一定时间内只能发送一次请求


Posted in Javascript onFebruary 28, 2014
<%@ page language="java" contentType="text/html; charset=UTF-8" 
pageEncoding="UTF-8"%> 
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>一定时间内,只能发送一次请求</title> 
<script type="text/javascript" src="${pageContext.request.contextPath}/editor/jquery/jquery-1.4.4.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<SCRIPT LANGUAGE="JavaScript"> 
var maxtime = 10;//设置至少10才能发送一次请求 
function test(obj){ 
if(obj.value=='提交'){ 
check(); 
btn = setInterval("CountDown()",1000); 
}else{ 
alert("一分钟内只能发送一次!"); 
} 
} 
function CountDown(){ 
if(maxtime>=0){ 
seconds = Math.floor(maxtime%60); 
msg = "距离时间结束还有"+seconds+"秒"; 
$("#btn").val(msg); 
--maxtime; 
}else{ 
$("#btn").val("提交"); 
clearInterval(btn); 
maxtime = 10; 
} 
} 
function check(){ 
alert("哈哈,到我了!"); 
} </SCRIPT> 
</head> 
<body> 
<input type="button" id="btn" value="提交" onclick="test(this)"/> 
</body> 
</html>
Javascript 相关文章推荐
使用jquery实现div的tab切换实例代码
May 27 Javascript
jQuery中:reset选择器用法实例
Jan 04 Javascript
自己动手手写jQuery插件总结
Jan 20 Javascript
jquery实现具有收缩功能的垂直导航菜单
Feb 16 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
vue bus全局事件中心简单Demo详解
Feb 26 Javascript
vue-resourc发起异步请求的方法
Feb 11 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 Javascript
js中settimeout方法加参数
Feb 28 #Javascript
js校验表单后提交表单的三种方法总结
Feb 28 #Javascript
js对象转json数组的简单实现案例
Feb 28 #Javascript
JS中操作JSON总结
Dec 06 #Javascript
动态添加删除表格行的js实现代码
Feb 28 #Javascript
怎么判断js脚本加载完成
Feb 28 #Javascript
JS获取地址栏参数的几种方法小结
Feb 28 #Javascript
You might like
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
js 输出内容到新窗口具体实现代码
2013/05/31 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
bootstrap daterangepicker汉化以及扩展功能
2017/06/15 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
layui下拉列表select实现可输入查找的方法
2019/09/28 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
python标记语句块使用方法总结
2019/08/05 Python
关于Python3 类方法、静态方法新解
2019/08/30 Python
numpy.random.shuffle打乱顺序函数的实现
2019/09/10 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
芬兰设计商店美国:Finnish Design Shop US
2019/03/25 全球购物
英国网上超市:Ocado
2020/03/05 全球购物
欢迎词怎么写
2015/01/23 职场文书
创业计划书之家政服务
2019/09/18 职场文书