JavaScript | 易学教程

js开发：是一门脚本语言，由浏览器来解释执行，不需要经过编译
js声明变量：var 变量的名字
js声明函数： function 函数的名称(参数的名字){}

图片轮播技术：
需求：

有一组图片，每个三秒钟，就去切换一张，最终是一直在不停地切换

技术分析：

切换照片；
每三秒钟完成一个切换；

<html>
	<head>
		<meta charset="TUF-8">
		<title></title>
		<script>
			/*
				1.事件：点击事件‘onclick；
				2.事件要出发函数：changeImg
				3.在函数中
			*/
			function changeImg(){
				alert("要切换了")
				var img=document.getElementById("img1");
				img.src="../img/.....jpg";
			}
		</script>
	</head>
	<body>
		<input type="button" value="点击图片" onclick="changeImg()"/></br>
		<img src="../img/222.jpg" id="img1">
	</body>
</html>

切换图片

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			/*
				1. 事件: 点击事件 onclick
				2. 事件要触发函数: changeImg
				3. 在函数中
			*/
			function changeImg(){
//				alert("要切换了")
				var img = document.getElementById("img1");
				img.src = "../img/1-161104143944.gif";
			}
		</script>
	</head>
	<body>
		<input type="button" value="点击切换图片" onclick="changeImg()" />
		<br />
		<img src="../img/222.jpg" id="img1" />
	</body>
</html>

定时器

来源：https://blog.csdn.net/weixin_43801116/article/details/102709464

标签

函数声明