久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

javascript - jquery如何讓一個animate動畫停止

瀏覽:115日期:2022-12-13 11:46:40

問題描述

有這么兩個方法,執行turnRight方法控制盒子右移,執行turnLeft控制盒子左移,盒子默認是在右邊的。

function tureRight(){ $(’.k-element-plugs-box’).animate({marginLeft: '0px'},1000,function(){ console.log('end') })} function tureLeft(eletype){ $(’.k-element-plugs-box’).animate({marginLeft: '-180px' },300) }

在turnRight方法中,animate動畫方法中我加了一個回調函數用來執行console.log('end'),現在有個問題就是當turnRight方法執行后,盒子右移,時長為1秒,結束后打印'end',如果當盒子還未到達右邊(也就是時間還不夠1秒)時我執行turnLeft這個方法,他會等1秒結束之后才執行turnLeft方法。如果是JS自己寫我知道清除定時器就好了,但是jquery怎么讓turnRight里的animate動畫停止呢

問題解答

回答1:

$(’.k-element-plugs-box’).stop();tureLeft();

回答2:

$(’.k-element-plugs-box’).stop().animate(),先停掉前面的動畫,然后再執行接下來的動畫

回答3:

$(’xxx’).stop() 或者 $(’xxx’).stop().animate()stop()的具體用法和參數說明去翻翻文檔, 解釋的會比較好點

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 广灵县| 无锡市| 古丈县| 古交市| 兴宁市| 区。| 嘉定区| 兴安盟| 哈尔滨市| 鹿邑县| 宜春市| 平原县| 巴彦淖尔市| 天津市| 九江县| 广灵县| 高陵县| 淅川县| 平山县| 南安市| 深泽县| 汶上县| 泌阳县| 雅江县| 和平区| 永嘉县| 肥西县| 昆明市| 临洮县| 彰化市| 岱山县| 博野县| 正阳县| 平和县| 诸暨市| 黄大仙区| 阿尔山市| 桦甸市| 朝阳区| 洛隆县| 株洲县|