繁体   English   中英

Javascript计时器和页脚div

[英]Javascript timer and footer div

我将div定位到页面的页脚,并希望在单击按钮时使其可见。 它似乎不起作用。 我究竟做错了什么? 代码如下。

<script language="text/javascript">

function timedMsg()
{
var t=setTimeout('ff()',3000)
}

function ff(){

document.getElementById("dot").style.visibility="visible";
document.getElementById("dot").style.display="";

}

</script>

<div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: none; visibility: hidden">Footer</div>


<form>
<input type="button" value="Display!" onclick="timedMsg()" />
</form>

好吧,首先要将javascript嵌入html页面,您应该使用以下语法:

<scrpt type="text/javascript">/* code here */</script>

注意: type ,而不是language

其次,为什么要使用t变量? 这是为了什么

因此,工作示例和更完整的示例为:

<html>
    <head>
        <script type="text/javascript">
            function timedMsg()
            {
                setTimeout('ff()',3000)
            }

            function ff()
            {
                document.getElementById("dot").style.visibility="visible";
                document.getElementById("dot").style.display="";
            }
        </script>
    </head>
    <body>
        <form>
            <input type="button" value="Display!" onclick="timedMsg()" />
        </form>
        <div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: block; visibility: hidden">Footer
        </div>
    </body>
</html>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM