<javascript>元素更新后不立即显示在页面上的问题

关于下面这段代码中更新#description元素内容不立即显示在页面上，而要等到整片js代码执行完才刷新页面的问题：

if(this.rabbit===true){
this.level=this.tempLevel;
$("#description p").remove();
$("#description").html("<p>嘭！</p>");
/*alert($("#description").text());*/
console.log($("#description").html());
this.sleep(1000);
this.rabbit=false;
$("#description p").remove();
$("#description").html("<p>一个胖子的力量...</p>");
/*alert($("#description").text());*/
console.log($("#description").html());
this.sleep(1000);
$(".play_cell.active").removeClass("active");
$(".play_cell.rabbit").removeClass("rabbit");
$("#description p").remove();
this.score += 500;
console.log(this.score);
this.e_playScore.html(this.score);
this.fullArr = [];
this.nextTetris();
return;
}

</pre><pre>

可以参照 js更新dom后的强制刷新问题通过调用setTimeout()函数来强制刷新dom，更改代码如下：

if(this.rabbit===true){
this.level=this.tempLevel;
$("#description p").remove();
$("#description").html("<p>嘭！</p>");
/*alert($("#description").text());*/
console.log($("#description").html());
setTimeout(this.forceRefresh_1(self),1000);
return;
}
forceRefresh_1:function(self1){
this.rabbit=false;
$("#description p").remove();
$("#description").html("<p>一个胖子的力量...</p>");
/*alert($("#description").text());*/
console.log($("#description").html());
setTimeout(self.forceRefresh_2(self1),1000);
return;
},
forceRefresh_2:function(self2){
$(".play_cell.active").removeClass("active");
$(".play_cell.rabbit").removeClass("rabbit");
$("#description p").remove();
this.score += 500;
console.log(this.score);
this.e_playScore.html(this.score);
this.fullArr = [];
this.nextTetris();
return;
},