2017-12-18 128 views
8

如何使用設置的超時創建TypeScript Web通知?使用超時創建網絡通知

我創建了下面的代碼,但在默認的超時前關閉通知不起作用:

export function createNotification(title: string, body: string) { 
    let now: Date = new Date(Date.now()); 
    let date = now.add(5).seconds(); 

    let options = { 
     body: body, 
     requireInteraction: false, 
     timestamp: date 
    }; 
    new Notification(title, options); 
} 

作爲一個測試,我想創建打字稿其持續5秒鐘的通知,重寫瀏覽器的默認行爲。我看不到了打字稿分型文件中列出的任何進一步的選項,這些選項將是有益的對我說:

ES2017 Notification Options

我使用的開發和測試使用Chrome這個軟件,雖然我使用Firefox作爲我的主瀏覽器。所以任何在Chrome中正常工作的解決方案,但不包括黑客或瀏覽器特定的代碼都可以。

+2

「但在默認超時之前關閉通知不起作用:」你可以更清楚什麼是你希望爲你的類的行爲嗎? – Pac0

+0

'now.add()'...不存在於Date類中。你有沒有考慮過使用類似momentjs的東西來處理日期。等價的時刻是'moment()。add(5,'seconds')'。 – DarkNeuron

+0

此外,網絡通知是Firefox中的越野車:https://caniuse.com/#feat=notifications(「Firefox通知在幾秒鐘後消失」) – DarkNeuron

回答