无法让我的HTML onload调用我的JS函数

时间:2014-09-12 00:39:28

标签: javascript html function onload

  1. 我有一个函数应该在我的html页面加载时调用。 <body>标记应该调用startAdPage()函数。然而,一切都没有发生。我不完全确定为什么。有什么建议?以下是我的HTML页面中的<body>调用

    <body onload="startAdPage();">
    
  2. 接下来,这是我的startAdPage()函数,以及它调用的两个函数。那两个尚未完全完成。其中一个应该创建一个小图库幻灯片放映。另一个应该在显示单独的网页之前从10 - 1创建倒计时。既没有工作,所以对它们的任何建议也会受到赞赏,尽管它们不是我的主要焦点。

       function startAdPage(){
    
               setInterval(changeAd(), 2000);
    
               setInterval(startCountdown(), 1000);
    
        }
    
  3. 以下是changeAd()

       function changeAd() {
    
           for(var i = 1; i < 4; i++){
    
              document.images[0].src = "images/pic" + intNumber + ".jpg";
    
           }
    
        }
    
  4. 最后,startCountdown()。我还没有制作我说这个函数调用的网页

         function startCountdown() {
               window.alert('Test');
    
               for(var i = 10; i >= 1; i++){
    
                  document.getElementById("countdown").value = i;
    
               }
            }
    

1 个答案:

答案 0 :(得分:0)

你的问题就在这里:

          document.images[0].src = "images/pic" + intNumber + ".jpg";

您指的是intNumber,但您应该使用i代替。所以将上面改为

document.images[0].src = "images/pic" + i + ".jpg";

将调用您的函数。

您应该考虑删除body标签中的onload并执行

 window.onload = startAdPage;

代替 - 保持你的html和Js逻辑分开。

此外,你的倒计时逻辑是错误的 - 你想减少i,而不是递增:

  var i = 10; i>0; i--