JS基础-定时器的应用-尚硅谷-P131-133

最新推荐文章于 2022-02-02 20:56:52 发布

比目鱼～

最新推荐文章于 2022-02-02 20:56:52 发布

阅读量879

点赞数

分类专栏： JS 文章标签： javascript css3 html

本文链接：https://blog.csdn.net/qq_43624193/article/details/122759029

版权

该博客主要讲解JavaScript中的定时器应用，通过实例演示了如何使用定时器实现特定任务的延迟执行和周期执行，结合HTML和CSS3技术，展示在实际网页开发中的应用场景。

摘要由CSDN通过智能技术生成

视频链接：
视频链接

定时器03.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		*{
   
			margin: 0;
			padding: 0;
		}
		#box1{
   
			width: 100px;
			height: 100px;
			background-color: #6495ED;
			position: absolute;
			left:0;
		}
		#box2{
   
			width: 100px;
			height: 100px;
			background-color: #FFFF00;
			position: absolute;
			left:0;
			top:200px;
		}
		#line{
   
			width: 0;
			height: 1000px;
			border-left:1px black solid;
			position: absolute;
			left:800px;
			top: 0;
		}
		</style>
		<script src="./js/tools.js" type="text/javascript"></script>
		<script type="text/javascript" >
			/**
			 * 所有正在执行的定时器都在这个变量中保存
			 */
			//var timer;
			window.onload=function(