JS學習之Bom（window和定時器）

起風了發表於2019-01-10
JS定時器

Window.open()

通過window.open()會返回一個新視窗的引用，可以通resizeTo(x,y)和moveTo(x,y)來調整視窗大小和移動。 具體用法如下：

var wrox=window.open("www.baidu.com","topFrame","height=400,width=400,top=400,left=10,resizable=yes");
wrox.resizeTo(2000,500);
wrox.moveTo(100,100);
複製程式碼

新建立的新視窗的引用window物件有另外一個opener屬性，這個屬性儲存著開啟它的原始視窗物件，也就是呼叫window.open的視窗或者框架.

在ie8和Chrome中會把opener屬性設定為null，來切斷新舊標籤頁的通訊

超時呼叫和間歇呼叫

顧名思義就是我們平時用的定時器.

  • 超時呼叫使用setTimeout(fnc,time)表示在time時間後執行fnc裡的程式碼
  • 間歇呼叫使用setInterval(fnc,time)表示每間隔time時間執行一次fnc裡的程式碼

呼叫兩個方法後會返回兩個id，表示超時呼叫和間歇呼叫的物件，通過該物件可以停止超時和間歇的定時器

//設定超時呼叫
var timeoutid = setTimeout(function(){
    alert("hello world");
},1000);
//取消超時呼叫
clearTimeout(timeoutid);
複製程式碼
//設定間歇呼叫
var intervalid = setTimeout(function(){
    alert("hello world");
},1000);
//取消間歇呼叫
clearInterval(intervalid);
複製程式碼

相關文章