2016-12-30 90 views
0

我如何可以調用外部Java腳本文件的功能如何將carousel()外部JavaScript函數調用爲html文件?

  • 轉盤()

    在HTML文件? 這是一個圖片自動幻燈片。如何將這個java腳本函數調用成HTML文件,這樣幻燈片顯示並自動運行?短時間後圖片也會改變。

var slideIndex = 0; 
 
carousel(); 
 

 
function carousel() { 
 
    var i; 
 
    var x = document.getElementsByClassName("slides"); 
 
    for (i = 0; i < x.length; i++) { 
 
     x[i].style.display = "none"; 
 
    } 
 
    slideIndex++; 
 
    if (slideIndex > x.length) {slideIndex = 1} 
 
    x[slideIndex-1].style.display = "block"; 
 
    setTimeout(carousel, 2000); // Change image every 2 seconds 
 
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 
"http://www.w3.org/TR/html4/loose.dtd"> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
 
<title>PUCIT</title> 
 
<script type="text/javascript" src="js.js"></script> 
 
<link rel="stylesheet" type="text/css" href="style.css"> 
 
</head> 
 

 
<body> 
 
<div id="slideshow" > 
 
    <img class="slides" src="pic1.jpg"> 
 
    <img class="slides" src="pic3.jpg"> 
 
    <img class="slides" src="pic4.jpg"> 
 
    <img class="slides" src="pic5.jpg"> 
 
    <img class="slides" src="pic2.jpg"> 
 
</div> 
 
    
 
</body> 
 
</html>

+3

什麼/究竟是您的問題? – Dekel

+0

歡迎來到堆棧溢出!請閱讀[問]。重要短語:「搜索和研究」和「解釋......阻止你自己解決它的任何困難」。 –

回答

0

我假定js.js是有問題的文件,其中包含的圓盤傳送帶()。

你包括文件到HTML的方式:

<script type="text/javascript" src="js.js"></script> 

意味着它必須在同一文件夾中的HTML文件。

你必須要做的唯一事情就是調用它。在結束標記之前放置此代碼:

<script type="text/javascript"> 
    carousel(); 
</script> 
+0

謝謝你,它的工作原理 – Madiha

相關問題