html自動切換背景圖片

背景圖片每隔一段時間自動切換js代碼：

<script type="text/javascript">
       window.onload=function(){
            var imgs =["img/bj1.png","img/bj2.png","img/bj3.png","img/bj4.png","img/bj5.png","img/bj6.png","img/bj7.png","img/bj8.png","img/bj9.png","img/bj10.png","img/bj11.png","img/bj12.png"];//（設定想要顯示的圖片）
            var i =0;
            var head=document.getElementById("head");//獲取DIV對象
            head.style.background="url(img/bj11.png)"; //設置圖片的初始圖片為該路徑的圖片
                    function time(){
                            i++;
                            i=i%12;// 超過12則取余數，保證循環在0-12之間
                            head.style.background="url("+imgs[i]+")";}                                               
            setInterval(time,5000);//循環調用time1()函數，時間間隔為5000ms
                    //setInterval()函數，按照指定的周期（按毫秒計）來調用函數或表達式
            }
</script>