定時更新圖片

這是一即時影像更新的實作，利用龍洞即時影像圖片來源，每三秒更新一次圖片。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

function Camera(img) {
    this.img = img; // 圖片來源
}
Camera.prototype = {
    refresh: function() {
        var uniq = Math.random();
        $('#cam').attr('src', this.img + '?uniq=' + uniq);
    },
    loadImg: function () {
        var self = this;
        $('#cam').load(function() { // 註冊onload事件，當圖片載完3秒後觸發refresh事件
            setTimeout(function() { self.refresh.call(self); }, 3000);
        });
    }
};

請參考：實作範例