如何刷新Chrome扩展程序中的popup.html中的数据？

Question

我有popup.html喜欢：

<div id = "info"></div>

我有popup.js喜欢：

document.addEventListener('DOMContentLoaded', function() {
    chrome.storage.local.get('info', function(items) {
        document.getElementById('info').textContent = items.info;
    });
document.querySelector('#refresh').addEventListener('click', function() {
    var elements = document.body.getElementsByTagName("div");

    for (var i = elements.length; i--;) {
        elements[i].style.display = 'none';
    }

    var eventPage = chrome.extension.getBackgroundPage();
    eventPage.refreshAllInfo();

    window.setTimeout(function() {
        showInfo();
    }, 3000);

    for (var i = elements.length; i--;) {
        elements[i].style.display = 'block ';
    }
});

eventpage.js具有与数据一起使用的所有逻辑（refreshAllInfo方法）并将其存储在Chrome本地存储中。但是，我希望当单击“刷新”按钮时，所有div的元素将在3秒后消失，popup.html将演示新数据（showInfo方法）。但在我的代码中，这不起作用。你有什么建议吗？