如何将carousel（）外部JavaScript函数调用为html文件？

我如何可以调用外部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>

来源

2016-12-30 Madiha

什么/究竟是您的问题？ – Dekel

欢迎来到堆栈溢出！请阅读[问]。重要短语：“搜索和研究”和“解释......阻止你自己解决它的任何困难”。 –

我假定js.js是有问题的文件，其中包含的圆盘传送带（）。

你包括文件到HTML的方式：

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

意味着它必须在同一文件夹中的HTML文件。

你必须要做的唯一事情就是调用它。在结束标记之前放置此代码：

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

来源

2016-12-30 22:20:08 linderman

谢谢你，它的工作原理 – Madiha

如何将carousel（）外部JavaScript函数调用为html文件？

回答

相关问题