mikecao/electron-menu-item-delay.html

## electron-menu-item-delay.html
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Electron - Test</title>
    <style>
        #box {
            width: 100px;
            height: 100px;
            margin: 100px;
            background-color: red;
        }
    </style>
</head>
<body>
<div id="box"></div>
<input type="button" onclick="clickFunc();" value="Change Color" />
</body>
<script>
const {remote} = require('electron');
const {Menu, MenuItem} = remote;
let color = 'red';

const clickFunc = () => {
    color = (color == 'red') ? 'blue' : 'red';
    document.getElementById('box').style.backgroundColor = color;
}

const template = [
    {
        label: 'Menu',
        submenu: [
            {
                label: 'Change Color',
                click: clickFunc,
                accelerator: 'CmdOrCtrl+C'
            }
        ]
    }
];

const menu = Menu.buildFromTemplate(template);

Menu.setApplicationMenu(menu);
</script>
</body>
</html>