How to create splash screen on Electron Js application ?

const {app, BrowserWindow} = require('electron');

function createWindow () {
    // Create the browser window.
    win = new BrowserWindow({width: 800, height: 600});

    // Emitted when the window is closed.
    win.on('closed', () => {
        console.log('closed!');
        win = null
    })
 

    // and load the url of the app.
    win.loadURL('https://www.google.com');
}

app.on('ready', createWindow);

const { app, BrowserWindow } = require('electron')

function createWindow () {
  // Create the splash screen window
  const splashWindow = new BrowserWindow({
    width: 400,
    height: 300,
    transparent: true,
    frame: false,
    alwaysOnTop: true,
    webPreferences: {
      nodeIntegration: true
    }
  })

  // Load the splash screen HTML file
  splashWindow.loadFile('splash.html')

  // Create the main window after a short delay
  setTimeout(function() {
    const mainWindow = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
        nodeIntegration: true
      }
    })

    // Load your main HTML file
    mainWindow.loadFile('index.html')

    // Destroy the splash screen window
    splashWindow.destroy()
  }, 2000) // Set the delay time here (in milliseconds)
}

// Create the app window when Electron is ready
app.whenReady().then(() => {
  createWindow()

  app.on('activate', function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

// Quit the app when all windows are closed
app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})