我如何调用外部Java脚本文件的功能
轮播()
在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>
我假设js.js是有问题的文件,其中包含carousel()。
将文件包含到HTML中的方式:
<script type="text/javascript" src="js.js"></script>
表示它必须与html文件位于同一文件夹中。
要执行该功能,唯一要做的就是调用它。将以下代码放在结束标记之前:
<script type="text/javascript">
carousel();
</script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句