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