在js淡出淡出

时间:2014-11-11 11:05:26

标签: javascript android jquery cordova angular-ui-bootstrap

我正在使用cordova Android应用程序。尝试用bootstrap。失败。因此尝试简单的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 让我知道如何,而不是在我的关系中工作。没有得到主题和设计,也没有得到popover,在data container它只包含文本,没有执行任何功能

1 个答案:

答案 0 :(得分:0)

您是否正在尝试创建自己的弹出窗口? 只要弹出窗口弹出就会初始化或重置超时变量。

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

function clearPopover() {
    hide_the_popover();
}

如果您计划同时显示多个弹出窗口,请务必在弹出式窗口和不同的超时时间添加标识符。

编辑:我忘了提到我把变量写成全局变量。但您应该按照自己喜欢的方式编写代码with or without global vars,并查看如何正确使用Timeouts