JavaScript代碼執(zhí)行的作用域順序問題?
問題描述
var mark2=true;$('.right').click(function(){
if(mark2){ move(1); mark2=false;} })
function move(obj){
obj.animate({ width: arrW[index], height: arrH[index], opacity: arrO[index], left: arrL[index], top: arrT[index]},500,function(){ mark2=true;})}
點擊$('.right') 執(zhí)行move函數(shù),主要是為了給obj元素添加動畫,為了防止$('.right')點擊的頻率過快,讓動畫疊加,所以就用 mark2來控制,當(dāng)動畫執(zhí)行完成后,也就是500毫秒后mark才為true,點擊$('.right')才執(zhí)行,否則不執(zhí)行,但是我有一個疑問,就是當(dāng)點擊速度大于500毫秒的時候,if語句中的mark都沒有執(zhí)行的機會,又是重新一次點擊了,那不是一直疊加動畫了嗎?因為mark一直為true,好像我這個理解是錯誤的,因為程序是能正常執(zhí)行的,所以希望大神指點一下,程序的執(zhí)行過程
問題解答
回答1:我理解你的問題的核心是 點擊速度大于500ms,是這樣的,只有在同一個元素上相繼觸發(fā)了mousedown mouseup事件后才會觸發(fā) click事件。 觸發(fā)click事件后才會執(zhí)行move()
所以你考慮的超時的情況是不會發(fā)生的。
回答2:你如果想用變量控制,最好把mark2移到最上面,容易看懂點。流程是這樣的:如果你: 點擊right -----》運行異步動畫-----》mark2 = false ----(0.5s后)----》mark2 = true;
所以不管你怎么點,大于0.5s還是小于0.5s,除非動畫已經(jīng)運行完使得mark2為true,不然if條件那里根本進不來
相關(guān)文章:
1. html - vue項目中用到了elementUI問題2. mysql scripts提示 /usr/bin/perl: bad interpreter3. showpassword里的this 是什么意思?代表哪個元素4. css3 - border-bottom 的長度可否超過盒子的寬度呢?實現(xiàn)如下圖效果。(我的書下面的線)5. javascript - windows下如何使用babel,遇到了困惑6. 對mysql某個字段監(jiān)控的功能7. css3 - css怎么實現(xiàn)圖片環(huán)繞的效果8. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?9. JavaScript事件10. mysql優(yōu)化 - mysql EXPLAIN之后怎么看結(jié)果進行優(yōu)化 ?
