課程
/前端開發(fā)
/JavaScript
/H5+JS+CSS3 實(shí)現(xiàn)圣誕情緣
standUp方法中為什么要用兩個(gè)setTimeout()?
2017-12-29
源自:H5+JS+CSS3 實(shí)現(xiàn)圣誕情緣 6-2
正在回答
??
? ? ? ? ? ? //起立
? ? ? ? ? ? setTimeout(function(){
? ? ? ? ? ? ? ? $girl.addClass("girl-standUp");
? ? ? ? ? ? },200)
? ? ? ? ? ? //拋書
? ? ? ? ? ? ? ? $girl.addClass("girl-throwBook");
? ? ? ? ? ? ? ? dfd.resolve()
? ? ? ? ? ? },500)
因?yàn)槠鹆⒑蛼仌莾蓚€(gè)動(dòng)作啊,這兩個(gè)動(dòng)作雖然說是連續(xù)的,但是還是有~2秒的時(shí)間間隔啊,你去查下js的sleep()方法的實(shí)現(xiàn),然后你就可以這樣寫了:
? ? ? ? ? ??
????????????//起立
????????????// 延遲~3s
????????????sleep(3000);
????????????//拋書
?? ? ? ? ? ? ? $girl.addClass("girl-throwBook");
微風(fēng)灬唐唐 提問者
weixin_慕的地1097505 回復(fù) 微風(fēng)灬唐唐 提問者
weixin_慕的地1097505 回復(fù) weixin_慕的地1097505
上面打錯(cuò)了 是500-200 = 300毫秒的間隔
舉報(bào)
為圣誕節(jié)準(zhǔn)備的H5+JS+CSS特效案例教程,實(shí)現(xiàn)靜與動(dòng)的結(jié)合
1 回答為什么只有standUp和walk方法里面需要用$Deferred呢?
1 回答standUp這段代碼
1 回答添加openWindow()等方法為什么要添加到原型上去
1 回答在這里為什么要使用z-index:10;?
1 回答.effect-in為什么要添加4個(gè)屬性
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-05-19
??
? ? ? ? ? ? //起立
? ? ? ? ? ? setTimeout(function(){
? ? ? ? ? ? ? ? $girl.addClass("girl-standUp");
? ? ? ? ? ? },200)
? ? ? ? ? ? //拋書
? ? ? ? ? ? setTimeout(function(){
? ? ? ? ? ? ? ? $girl.addClass("girl-throwBook");
? ? ? ? ? ? ? ? dfd.resolve()
? ? ? ? ? ? },500)
因?yàn)槠鹆⒑蛼仌莾蓚€(gè)動(dòng)作啊,這兩個(gè)動(dòng)作雖然說是連續(xù)的,但是還是有~2秒的時(shí)間間隔啊,你去查下js的sleep()方法的實(shí)現(xiàn),然后你就可以這樣寫了:
? ? ? ? ? ??
? ? ? ? ? ? setTimeout(function(){
????????????//起立
? ? ? ? ? ? ? ? $girl.addClass("girl-standUp");
????????????// 延遲~3s
????????????sleep(3000);
????????????//拋書
?? ? ? ? ? ? ? $girl.addClass("girl-throwBook");
? ? ? ? ? ? ? ? dfd.resolve()
? ? ? ? ? ? },200)
2018-05-19
上面打錯(cuò)了 是500-200 = 300毫秒的間隔