1. javascript代码延迟执行。
我们经常可以看到这样的应用,鼠标放到tab上时切换tab内容为当前tab.但是这样就会有个问题,怎么样防止鼠标不经意划过tab时触发这个事件呢?答案就是延时。可以通过延迟触发来避免这种情况。但是javascript中没有这样的函数。
javascript提供了一个函数 setTimeout(),可以延迟一个操作的执行,但是这个操作最终还是要执行的。我们需要的是鼠标放在tab上超过0.5s才执行某个操作,否则什么都不发生。
幸好,javascript还提供了另外一个函数,叫做clearTimeout(),于是这个问题就解决了。
var tabId;
var timeoutId;
//鼠标放上时
function tabOnMouseOver(tabid)
{
tabId=tabid;
//延时500毫秒
timeoutId=setTimeout(changeTab,500);
}
//鼠标移开时清除定时器
function tabOnMouseOut()
{
clearTimeout(timeoutId);
tabId=0;
}
2. 设置下拉列表的默认值。
通常的做法是用jsp标签在页面上判断当前默认应该选中哪个value.这样不但繁琐,程序的可读性也很差。这个工作完全交给javascript去做。
// 设置下拉列表的默认值,用于设置表单初始值,表单加载结束时调用
function setSelectDefaultValue(eleId,value)
{
var options=document.getElementById(eleId).options;
for(i=0;i<options.length;i++)
{
if(options[i].value==value)
{
options[i].selected =true;
}
}
}
这样,每次页面加载完之后调用这个方法set下拉列表的默认值就可以了。
3. 计算两个日期间隔。
这里要求日期的格式必须为"yyyy-MM-dd"格式。
//检查日期间隔不能大于interval天
function checkInterval(date1,date2,interval)
{
//将天数转为毫秒数
iseconds = 1000 * 3600 * 24 * interval;
date1=Date.parse(new Date(date1.replace(/-/g,"/")));
date2=Date.parse(new Date(date2.replace(/-/g,"/")));
if(date2-date1>iseconds)
{
alert("查询时间间隔不能超过" + interval + "天") ;
return false;
}
if(date2-date1<0)
{
alert("请设置正确的查询间隔,开始时间不能晚于结束时间");
return false;
}
return true
}
分享到:
相关推荐
几个常用javascript函数,可做参考!!1
几百个javascript常用小技巧总结.都是常用的,呵呵.
下面是常用的JavaScript几个技巧: 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 (false)><td>no</table> 可用于Table
107个常用javascript语句 -7.焦点 .focus(); -6.捕获对象通用方法 function $(obj) {return document.getElementById(obj);} ("") %> -5.字符串赋值数组var array=new Array(); array=tdrczpdata.split('<BR>'); ...
里面包含JavaScript常用的几百个网页特效实例
React中使用axios发送请求的几种常用方法 目录 React中安装并引入axios依赖 使用axios进行GET请求 使用axios.get方式 使用axios(config {...}) 使用axios进行POST请求 使用axios.post 使用axios(config {...}) ...
本文给大家分享了几个javascript中常用的方法,十分的实用,也很简单,有需要的小伙伴可以参考下。
JS常用的几个句子 非常不错;JS常用的几个句子 非常不错;JS常用的几个句子 非常不错;JS常用的几个句子 非常不错;
几个简单常用的js代码。 全选 checkbox,selected的添加删除修改 根据所选进行求和。 都做项目总用到的小算法。可以参考。
javascript的几个常用验证方法。
因此,事实上《JavaScript 语言精髓与编程实践》一书是假JavaScript 语言之力,讨论了我们常用的、主要的程序设计范型。而这也是该书难读的根源——很少有人会以一门确切的语言来讨论多种语言范型。尤其在使用...
几百个js常用效果 chm格式的,可以在里面进行演示的 非常方便的好东西 程序员常用的哦!
getFullYear() 使用 getFullYear() 获取年份。 源代码: [removed] <!DOCTYPE html> <...<p id=demo>Click the button to display the full year of todays date. ...var x = document.getElementById(dem
* 从身份证号中得到生日和性别,返回的是一个json对象 * 验证身份证号码的正确性 * 判断一个字符串是否是有效的日期型字符串 * 将两位数的年份转变成4位数的年份 * 判断YYYYMMDD格式或者YYYYMM格式的串是否是日期型...
基于avalon2.2.5.js 封装了几个常用组件
培训主要学习以下几个知识点: 1、制作带数字导航的横幅广告 2、实现无缝垂直向上滚动特效 3、实现漂浮广告 4、网页常用特效(实现加入收藏、设为首页和屏蔽右键功能
尤其值得一提的是,本书作者是JavaScript设计模式方面的专家,他在本书第8章中介绍了几种常用的JavaScript编程模式,这也成为他的另一本重要著作《JavaScript模式》(JavaScript Patterns)奠定了基础。, 本书全面地...
新手常用的几个JS封装类: 包括拖拽、class添加删除、变换、继承等
数组去除重复值是面试常考内容,也是很容易用到的一个技巧,下面就几种去重的方法进行介绍。 首先是最常见的方法,也就是添加一个临时数组,将原数组遍历,加入临时数组,每次加入时判断待加入的元素是否存在于临时...