electron实现电脑右下脚弹出一个窗口，并3秒后自动关闭

源码资源网

electron实现电脑右下脚弹出一个窗口，并3秒后自动关闭
在 Electron 中，你可以使用  `Notification`  API 来实现电脑右下角弹出一个通知窗口，并在 3 秒后自动关闭。以下是一个简单的示例，展示如何实现这一功能：
### 1. 在  `main.js`  中创建通知
首先，在你的  `main.js`  文件中，你可以使用  `Notification`  API 来创建和显示通知。

1. const { app, BrowserWindow, Notification } = require('electron');
   
2. function createWindow() {
   
3.     const win = new BrowserWindow({
   
4.         width: 800,
   
5.         height: 600,
   
6.         webPreferences: {
   
7.             contextIsolation: true,
   
8.             preload: path.join(__dirname, 'preload.js') // 使用 preload.js 进行安全通信
   
9.         }
   
10.     });
    
11.      win.loadFile('index.html'); // 加载主窗口的 HTML 文件
    
12.      // 创建并显示通知
    
13.     const notification = {
    
14.         title: '通知标题',
    
15.         body: '这是一个通知内容，将在3秒后自动关闭。'
    
16.     };
    
17.      const myNotification = new Notification(notification);
    
18.      myNotification.show(); // 显示通知
    
19.      // 3秒后自动关闭通知
    
20.     setTimeout(() => {
    
21.         myNotification.close(); // 关闭通知
    
22.     }, 3000);
    
23. }
    
24. app.whenReady().then(createWindow);

复制代码

### 2. 启动应用
确保你的项目结构正确，然后运行 Electron 应用。你应该能在电脑右下角看到弹出的通知，并且它将在 3 秒后自动关闭。
### 总结
- 使用  `Notification`  API 创建和显示通知。
- 使用  `setTimeout`  来设置延迟，自动关闭通知。
- 这种方法可以在 Electron 应用中实现简单的通知功能，方便用户及时获取信息。