Web开发基础-JavaScript-11

Coder_Boy_

于 2018-07-12 23:19:54 发布

阅读量158

点赞数

CC 4.0 BY-SA版权

分类专栏： Web开发

本文链接：https://blog.youkuaiyun.com/Coder_Boy_/article/details/81023953

Web开发专栏收录该内容

108 篇文章

订阅专栏

本文通过实例展示了Window对象的使用方法，包括提示框、确认框和输入框的功能介绍。此外，还详细介绍了如何利用JavaScript实现周期性定时器，包括启动与停止定时器的具体操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Window 对象

Window 对象表示浏览器中打开的窗口。

弹出框与定时器

演示案例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>window对象</title>
		<script type="text/javascript">
			console.log("-----1.弹出框--------------");
			//1.提示框
			//2.确认框
			var b = confirm("你吃过饭啦吗？");
			alert(b);
			//3.输入框
			var r = prompt("你今天吃了什么？");
			alert(r);
			
			console.log("------2.定时器---------------");
			//定时器类似于线程，启动后会自动运行。
			//1.周期性定时器：
			//每隔N毫秒执行一次函数。
			//启动：var id = setInterval(fun,N);
			//停止：clearInterval(id);
			var index = 1;
			var id1 = setInterval(function(){
				console.log(index++);
				if(index > 5){
					clearInterval(id1);
				}
				
			},1000);
			
			//主线程不会等待，而是立刻向下执行
			console.log("周期性定时器的下边。。。");
		</script>
	</head>
	<body>
		
	
	</body>

</html>

最终页面显示效果及控制台信息：