为什么把HTML DOM部分放在JS代码下面就不执行了，放在上面可以执行，是什么原因？顺序没搞懂
<h3>操作成功</h3> <div><strong id="second">5</strong>秒后返回 </div> <input type="button" value="返回" onClick="test()">
<script>
var sec=document.getElementById("second");
var i=5;
var timer=setInterval(function(){
i--;
sec.innerHTML=i;
if(i==1){
window.location.href="https://www.imooc.com";
}},1000);
function test(){
history.forward();
}
</script>
