亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

Promise做動畫,then 無法執行

不知道是里錯了,只有第一次調用promiseAnimate(),ball1動了,接下來的都沒有運動。應該是then沒有執行。

var?Promise?=?window.Promise;
????????function?promiseAnimate(ball,distance){
????????????return?new?Promise(function(resolve,reject){
????????????????function?_animate(){
????????????????????setTimeout(function(){
????????????????????????var?marginLeft?=?parseInt(ball.style.marginLeft,10);
????????????????????????if(marginLeft?===?distance){
????????????????????????????resolve
????????????????????????}else{
????????????????????????????if(marginLeft?<?distance){
????????????????????????????????marginLeft++;
????????????????????????????}else{
????????????????????????????????marginLeft--;
????????????????????????????}
????????????????????????????ball.style.marginLeft?=?marginLeft?+?'px';
????????????????????????????_animate();
????????????????????????}
????????????????????},13)
????????????????}
??????????????_animate()??
????????????})
????????}
????????promiseAnimate(ball1,100)
????????????.then(function(){
????????????????return?promiseAnimate(ball2,200)
????????????})
????????????.then(function(){
????????????????return?promiseAnimate(ball3,300)
????????????})
????????????.then(function(){
????????????????return?promiseAnimate(ball3,150)
????????????})
????????????.then(function(){
????????????????return?promiseAnimate(ball2,150)
????????????})
????????????.then(function(){
????????????????return?promiseAnimate(ball1,150)
????????????})


正在回答

3 回答

應該是 resolve()

4 回復 有任何疑惑可以回復我~
#1

GrahamHuang 提問者

非常感謝!
2016-09-04 回復 有任何疑惑可以回復我~
#2

async_M

為什么加上resolve就會執行then方法,不加的話只執行一次???
2016-09-21 回復 有任何疑惑可以回復我~
#3

慕粉3832819

我將第8行的resolve改成resovle()還是不行,只有ball1動
2017-05-10 回復 有任何疑惑可以回復我~

謝謝,我也是同樣的問題,跟著視頻寫的代碼怎么都調不對,汗 ,開始是那個px ?自己弄出來了,這個then不執行,直接把我弄懵了

0 回復 有任何疑惑可以回復我~

請問你們是怎么測試的?直接在瀏覽器輸入網址?不需要發布什么的嗎?

0 回復 有任何疑惑可以回復我~
#1

async_M

不需要,直接打開html文件就行
2016-09-21 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
進擊Node.js基礎(二)
  • 參與學習       76735    人
  • 解答問題       242    個

本教程帶你攻破 Nodejs,讓 JavaScript流暢運行在服務器端

進入課程

Promise做動畫,then 無法執行

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號