加载后从html页面调用JavaScript函数

时间:2014-10-15 02:36:30

标签: javascript html dom

我想在某种条件下显示和隐藏我的Linkedin ID。 hide()和show()函数都在mainjs.js中。但是从下面的代码中只调用了函数hide()。当它调用show()函数时,JavaScript代码就是堆栈。现在我如何在加载html页面后调用show()函数。请帮帮我。

<html>
<head> 
<title>  Ashik Linkedin </title>
<script src="mainjs.js" type="text/javascript"></script>
</head>
<body>
<h1> <a href="http://bd.linkedin.com/pub/muhammad-ashikuzzaman/78/594/940?trk=pub-pbmap">Ashik ( Muhammad Ashikuzzaman ) Linkedin </a> <h1>


<script>
flag=0;
function startTime()
{
    flag++;
    if(flag==60)
    {
        show("Ashik ( Muhammad Ashikuzzaman ) Linkedin");
    }
    if(flag<=70)
    {
        t=setTimeout('startTime()',1000);
    }
}
startTime();
window.hide("Ashik ( Muhammad Ashikuzzaman ) Linkedin"); 
</script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

我建议采用一种不同的方法。使用计时器控制链接显示的时间长度。以下假设您的show()hide()函数按照您使用它们的方式运行。

以下代码测试。

window.onload = function() {
      name = "Ashik ( Muhammad Ashikuzzaman ) Linkedin";
      timeToShow = 10000 // 10 seconds to show
      function hideName() {
          hide(name);
      }
      function showThenHide() {         
         window.show(name); 
         setTimeout(hideName, timeToShow);
      };

      showThenHide();
}