在js中淡入淡出

Question

我正在使用cordova android 应用程序。尝试使用引导程序。失败的。因此尝试简单的js 我有一个函数，它通过

将文本返回到 html

document.getElementById("temp").innerHTML = Centigrade+"° C , It's Cool !!! "+"<img src= \"img/Tlogo2.svg\"/>";

当我触发这个按钮时：

<div style="position: absolute; left: 30px; top: 65px;"> 
    <img src="img/temlogo.svg" width="50" height="50" onclick="foo(myCallback);"/>

</div>

如果我想在 1 分钟后通过任何弹出功能（不带警报）淡出该文本 那该怎么办呢？

如果可以引导：http://getbootstrap.com/javascript/#popovers 让我知道如何，不在我的关系中工作。根本没有得到主题和设计，而且在弹出窗口中，data container 它只包含文本，不执行任何功能

Answer 1

您是否尝试创建自己的弹出窗口？ 只需在弹出窗口弹出时初始化或重置超时变量。

function foo(callback) {
    make_the_popover_show();
    popoverTimeout = setTimeout(clearPopover, 1000);
}

function clearPopover() {
    hide_the_popover();
}

如果您打算同时显示多个弹出窗口，请务必为您的弹出窗口和不同的超时添加标识符。

编辑：我忘了提到我将变量写为全局变量。但是你应该按照你喜欢的方式编写代码，with or without global vars，并检查如何正确使用Timeouts。