js高级
接下来的这一周就要开始学习js的一些高级应用了呢,这周的学习内容主要是js定时器的使用,Date函数的简单使用,箭头函数的简单介绍以及BOM的相关函数。话不多讲,直接上代码。
定时器
参考:https://www.w3school.com.cn/js/js_timing.asp
设置定时器
setTimeout(function, milliseconds);
//等同于=>(window.setTimeout(function, milliseconds);)
setInterval(function, millseconds);
清除定时器
clearInterval(timerVariable)
e.g:一个关于定时器的简单使用的小例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
}
.num {
background-color: skyblue;
width: 300px;
height: 300px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
font-size: 50px;
}
.container {
display: flex;
height: 500px;
width: 500px;
flex-direction:column;
justify-content: center;
align-items: center;
}
.stop {
width: 150px;
height: 50px;
}
</style>
</head>
<body>
<div class="container">