-
setinterval()，界限调用查看全部
-
定时器语法查看全部
-
<script type="text/javascript"> window.onload=function(){ var menu=document.getElementById('menu'), ps=menu.getElementsByTagName('p'), uls=menu.getElementsByTagName('ul'); for(var i=0;i<ps.length;i++){ ps[i].id=i; ps[i].onclick=function(){ var u=uls[this.id]; if(u.style.display=='block'){ u.style.display='none'; }else{ u.style.display='block'; } } } } </script>查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=tab; function tab(){ //当前高亮显示的页签的索引 var index=0; var timer=null; var tit=$('tab_tit').getElementsByTagName('li'), con=$('tab_con').getElementsByTagName('div'); //遍历每一个页签且给他们绑定事件 for(var i=0;i<tit.length;i++){ tit[i].id=i; tit[i].onmouseover=function(){ clearInterval(timer); changeOption(this.id); } tit[i].onmouseout=function(){ timer=setInterval(autoPlay,2000); } } if(timer){ clearInterval(timer); timer=null; } //添加定时器，改变当前索引 timer=setInterval(autoPlay,2000); function autoPlay(){ index++; if(index>=tit.length){ index=0; } changeOption(index); } function changeOption(curindex){ for(var j=0;j<tit.length;j++){ tit[j].className=''; con[j].style.display='none'; } tit[curindex].className='select'; con[curindex].style.display='block'; index=curindex; } }查看全部
-
清除bug： 1、解决滑动切换与自动切换不衔接问题，即将滑动切换后当前显示的标识传递给自动切换；index=curIndex 2、解决由于定时器的延迟导致的自动切换与滑动切换间跳动的问题，即：在每次调用定时器前都将原有的定时器延迟清除。if(timer){ clearInterval(timer); timer=null; }查看全部
-
选项卡自动切换与滑动事件结合： 1、加载加载页面时，调用定时器事件； 2、鼠标滑过时清除定时器，并执行滑动切换； 3、鼠标离开时调用定时器； 4、代码优化，即将某一功能封装在一个函数里，并在使用的时候调用即可。查看全部
-
window.onload = function(){ //标签的索引 var index = 0; var timer = null; var lis = $('notice-tit').getElementsByTagName('li'); divs = $('notice-con').getElementsByTagName('div'); if(lis.length!=divs.length) return; //遍历所有的页签 for(var i=0;i<lis.length;i++){ //添加id属性寻找索引 lis[i].id = i; lis[i].onmouseover = function(){ //用that这个变量来引用当前li，防止和window对象冲突，全局变量。 var that = this; //如果存在准备执行的定时器，立刻清除，只有当前停留的时间大于500ms时才开始执行 if(timer){ clearTimeout(timer); timer = null; } //延迟半秒执行 //setTimeout是window对象的属性，所以在他的函数中this所指的是window对象， timer = window.setTimeout(function(){ for(var j=0;j<lis.length;j++){ lis[j].className = ''; divs[j].style.display = 'none'; } lis[that.id].className = 'select'; divs[that.id].style.display = 'block'; },500); } } }查看全部
-
在setTimeout或者setInterval里面使用this，this指向的是window,因为setTimeout和setInterval是隶属于window对象的。 setTimeout()和setInterval()的区别： setTimeout()方法是超时调用，什么时间之后执行什么函数，只执行一次；---延迟切换 setInterval()方法是一直在调用，可执行多次.---自动切换。查看全部
-
Tab的滑动效果。滑动切换，点击切换，自动切换，延时切换查看全部
-
Tab切换类型： 滑过切换； 点击切换； 延迟切换； 自动切换；查看全部
-
setTimeout clearTimeout setInterval查看全部
-
timer查看全部
-
var menu=document.getElementById('menu'), ps=menu.getElementsByTagName('p'), uls=menu.getElementsByTagName('ul'); for(var i in ps){ ps[i].id=i; ps[i].onclick=function(){ var u=uls[this.id]; if(u.style.display=='block'){ u.style.display='none'; }else{ u.style.display='block'; } } }查看全部
-
A===B?C:D 条件选择表达式查看全部
-
A===B?C:D 选择表达式查看全部
举报
0/150
提交
取消