几个不常用但很有用的javascript方法

. 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

 }