突发奇想想实现js循环里停顿一秒再循环的功能

突发奇想想实现js循环里停顿一秒再循环的功能。

首先用了两种定时器，但是循环还是一瞬间结束。

最后还是放弃，用了另一种思路。

// An highlighted block
 i: 0,
 ///我是用的vue
  shuffle () {
        while (this.i < 10) {
          setTimeout(this.a, 1050*this.i)
          this.i++
        }
      },
 a () {
        this.cells = _.shuffle(this.cells)
        console.log( this.i )
      }

虽然效果有了，但是打印的i是十个10。
网上的例子电脑卡死几次，也没有实现效果=。=
有没有更好的办法能真的让循环停顿的？