-
搞來搞去都有問題。。郁悶 Uncaught TypeError: Cannot read property 'style' of undefined javascript.js:17titles.(anonymous function).onmouseover查看全部
-
重新可以點擊后記得恢復默認值，不然只能正常點擊一次查看全部
-
Tab切換類型查看全部
-
效果還是不太明顯~ 有個緩沖就好了，還需要再繼續加油！查看全部
-
需要注意的是，if放在最后，否則還是會順序執行代碼; 或者退出定時器查看全部
-
@@--Tab選項卡切換效果-- 第2章 延遲切換效果 2-1 js實現延遲切換 ①延遲定時器-- 先清除定時器： //如果存在準備執行的定時器，立刻清除，只有當前停留的時間大于500ms時才開始執行 if(timer){ clearTimeout(timer); timer = null; } 再設定延遲的定時器： //延遲半秒執行 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()方法內的this，指向的是window對象 setTimeout是window的只是不需要寫出來，方法隸屬于誰，this就指向誰，解決方法是用變量存儲當前this //用that這個變量來引用當前li var that = this;查看全部
-
是不是要這個效果？好像還差點兒查看全部
-
第一步、獲取按鈕、綁定事件、設置定時器變量和計時變量 第二步、添加定時器，每隔1秒鐘計時減1，直至當計時小于等于0時清除定時器，按鈕恢復為“發送驗證碼”，否則顯示為“X秒后重試” <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'), times=6, timer=null; send.onclick=function(){ // 計時開始 timer=setInterval(function(){ send.value=times+"秒后重試"; times--; if(times<0) { clearInterval(timer); send.value="發送驗證碼"; times=6; } },1000); } } </script> </head> <body> <input type="button" id="send" value="發送驗證碼"> </body> </html>查看全部
-
選項卡自動切換： 1、清除當前延遲時間； 2、獲取標題數組、內容數組； 3、指定當前標題標志； 4、綁定定時事件； 5、循環遍歷標題，即判斷標題標志，并在遍歷至最后一個標題后，將其設定指向第一個標題； 6、執行當前事件，顯示效果。查看全部
-
分享給同學 卓美 @@--Tab選項卡切換效果-- 第2章 延遲切換效果 2-1 js實現延遲切換 ①延遲定時器-- 先清除定時器： //如果存在準備執行的定時器，立刻清除，只有當前停留的時間大于500ms時才開始執行 if(timer){ clearTimeout(timer); timer = null; } 再設定延遲的定時器： //延遲半秒執行 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()方法內的this，指向的是window對象 setTimeout是window的只是不需要寫出來，方法隸屬于誰，this就指向誰，解決方法是用變量存儲當前this //用that這個變量來引用當前li var that = this;查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } $(id)是js document.getElementById(id)的簡寫 定義了這個方法 以后調用的時候就可以直接用$(id).innnerHTML 或者$(id).innerText查看全部
-
@@--Tab選項卡切換效果--3-3 bug解決及定時器優化 1、在changeOption()的最后添加一行代碼解決繼續播放時下一個選項卡index不對的BUG：index = currentIndex； 2、如果劃過太快，會有很多個定時器，所以要在設置定時器之前先清除一下定時器： if(timer){ clearInterval(timer); timer=null; //如果有等待的定時器，先清除。 }查看全部
-
@@--Tab選項卡切換效果 3-2 加入手動切換功能及代碼優化 --選項卡自動切換與滑動事件結合：-- 選項卡自動切換與滑動事件結合： 1、加載加載頁面時，調用定時器事件； 2、鼠標滑過時清除定時器，并執行滑動切換； 3、鼠標離開時調用定時器； 4、代碼優化，即將某一功能封裝在一個函數里，并在使用的時候調用即可。查看全部
-
@@--Tab選項卡切換效果---第3章 自動切換效果 3-1 js實現自動切換實現 重點： 用定時器，每隔一段時間，切換當前顯示單位的索引index查看全部
-
@@--Tab選項卡切換效果-- 第2章 延遲切換效果 2-1 js實現延遲切換 ①延遲定時器-- 先清除定時器： //如果存在準備執行的定時器，立刻清除，只有當前停留的時間大于500ms時才開始執行 if(timer){ clearTimeout(timer); timer = null; } 再設定延遲的定時器： //延遲半秒執行 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()方法內的this，指向的是window對象 setTimeout是window的只是不需要寫出來，方法隸屬于誰，this就指向誰，解決方法是用變量存儲當前this //用that這個變量來引用當前li var that = this;查看全部
舉報
0/150
提交
取消