台灣最大程式設計社群網站
∣
免費加入會員
∣登入
∣回首頁∣
您好
線上人數
1091
會員總數:
246713
討論主題:
190131
討論區
程式下載/上傳
科技新聞
專欄文章
會員中心
加值服務
外包接案
求職求才
登入
登出
歡迎您
免費
加入會員
討論區選單
新手必讀
我要提問!!
討論區
個人討論區
我的關注主題
我的黑名單
討論區EP英雄榜
專家等級說明
討論區常見問題
兌換發問點數QP
扣點申請加值服務
申請版主
開發工具
ASP
ASP.NET
C#
VB.NET
VB6
C/C++
PHP
Java
Java Script/ Node.js
AJAX / JSON / jQuery
其他語言
行動裝置開發
Android APP 開發
iOS APP/ swift 開發
Windows Phone APP
資料庫
ACCESS
MS SQL
MySQL
Oracle
其他DB
多媒體 / 網管
CSS/HTML5/Bootstarp
影像處理
office VBA / WinOS
Windows 伺服器
Linux / Unix
網管 / 資安 / VM
硬體 / 週邊 / 其他
綜合
求職求才
外包接案
心情甘苦談
網站經營 / 合夥 / 證照
建言 / 公告
文章區
專欄文章
科技新聞
Blog精華文章
討論區列表
>>
Java Script/ Node.js
>> 圖片切換/ clearInterval詢問
[]
[
我要回覆
]
1
圖片切換/ clearInterval詢問
價值 : 30 QP
點閱數:703 回應數:1
樓主
陳閔致
0
4
61
1
發送站內信
小弟想要做自動切換,然後在滑鼠移進去圖片會停下來,然後滑鼠移出去的時候會繼續跑。
但遇到 clearInterval不能停下的問題。
<img onmousemove="b();" onmouseout="a();" id="img_top" class="img_box" alt="cut1" src="img/cut1.jpg">
---
var img_num=1; var img_end=3; var get_img=function img_go(){ var x_img = document.getElementById("img_top"); img_num++; if(img_num>img_end){img_num=1}; x_img.src="img/cut" + img_num+ ".jpg" x_img.alt="cut"+img_num}; var a =function(){ setInterval(get_img,1000);}; var b =function(){ clearInterval(get_img); };
順便想問window.setinterval跟setinterval有沒有差別。感謝各位大大
搜尋相關Tags的文章:
[ clearInterval ] ,
[ 圖片切換 ] ,
本篇文章發表於2019-06-21 10:35
1樓
最有價值解答
小魚
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test</title> <style> </style> </head> <body onload="a()"> <img onmousemove="b();" onmouseout="a();" id="img_top" class="img_box" alt="cut1" src="img/cut1.jpg"> </body> <script> var img_num=1; var img_end=3; var timerID = 0; var get_img=function img_go(){ var x_img = document.getElementById("img_top"); img_num++; if(img_num>img_end){img_num=1}; x_img.src="img/cut" + img_num+ ".jpg" x_img.alt="cut"+img_num }; var a =function(){ //console.log("觸發Timer開始事件"); timerID = setInterval(get_img,1000); }; var b =function(){ //console.log("觸發Timer解除事件"); clearInterval(timerID); }; </script> </html>
本篇文章回覆於2019-06-21 14:01
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
1
回覆
如要回應,請先
登入
.
|
網站導覽
|
網站介紹
|
4P點數說明
|
電子報
|
小舖活動
|
大事紀
|
廣告刊登
|
常見問題
|
聯絡我們
|
版權所有 ©copyright 2000 All Rights Reserved