国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery中animate動畫積累的解決方法

2019-11-20 21:55:11
字體:
來源:轉載
供稿:網友
昨天一同學向我求助,說做了一個簡單的動畫效果,就是圖片自動左右播放
復制代碼 代碼如下:

<span style="white-space:pre"> </span>/* 無縫式焦點圖 */
var _left = 770;
var left = -_left;//-770
function slideImg() {
if(left == -3080 || left == 0) {
_left = -_left;
}
$('.slidepics').animate({'left': left + 'px'},1000);
left = left - _left;
tim = setTimeout(slideImg,5000);
}
slideImg();

復制代碼 代碼如下:

我瞅了下,挺簡單的,乍一看,沒啥問題啊。后來他就說了困擾他一個月的奇怪問題,他說窗口在最前端時是ok,但把窗口最小化或是瀏覽其他窗口時就話出現快速的播放,過了一會兒又正常了(ie是沒問題的,chrome有問題,firefox也沒問題)。

由于以前也沒遇到過此問題,我也是想了半個多小時,沒搞定,后來翻了翻以前做的筆記,有了答案,那個setTimeout使用時會產生動畫隊列,有可能是在chrome瀏覽器中窗口不處于最前端時動畫的隊列產生積累,當回歸最前端時便一下子爆發出來了,于是想到jquery中的stop方法,該方法是停止所有在此元素上的動畫。果然,加上后就ok了

復制代碼 代碼如下:

<span style="white-space:pre"> </span>/* 無縫式焦點圖 */
var _left = 770;
var left = -_left;//-770
function slideImg() {
if(left == -3080 || left == 0) {
_left = -_left;
}
$('.slidepics').stop().animate({'left': left + 'px'},1000);
left = left - _left;
tim = setTimeout(slideImg,5000);
}
slideImg();
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 伊春市| 广州市| 察雅县| 社旗县| 陕西省| 天门市| 三江| 平安县| 开远市| 大厂| 潮安县| 建阳市| 柞水县| 宜兴市| 黑水县| 革吉县| 张家口市| 钟祥市| 新和县| 股票| 黑山县| 宝应县| 黔西| 广水市| 苏州市| 尼玛县| 锡林郭勒盟| 西乌珠穆沁旗| 阿坝县| 呼玛县| 靖远县| 石城县| 北宁市| 肇州县| 武鸣县| 上虞市| 偏关县| 革吉县| 黄浦区| 庄浪县| 周口市|