|
|
@@ -0,0 +1,44 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <button class="btn1">这是一个开始按钮</button>
|
|
|
+ <button class="btn2">这是一个结束按钮</button>
|
|
|
+ <button id="btn3">这是一个新标签</button>
|
|
|
+ <button id="btn4">这是一个旧标签</button>
|
|
|
+ <script>
|
|
|
+ // window.alert("你好") 警告框
|
|
|
+ // window.prompt("请输入") 提示框
|
|
|
+ // window.confirm("你好") 确认框
|
|
|
+ // 通过css样式获取元素标签
|
|
|
+ var timer;
|
|
|
+ var btn1 = document.querySelector(".btn1")
|
|
|
+ var btn2 = document.querySelector(".btn2")
|
|
|
+ btn1.onclick = function() {
|
|
|
+ // 定时器 规定时间内执行的函数
|
|
|
+ timer = setInterval(function() {
|
|
|
+ console.log("开始了")
|
|
|
+ },1000)
|
|
|
+ }
|
|
|
+ btn2.onclick = function() {
|
|
|
+ clearInterval(timer)
|
|
|
+ }
|
|
|
+ var btn3 = document.getElementById("btn3")
|
|
|
+ var btn4 = document.getElementById("btn4")
|
|
|
+ var timer1;
|
|
|
+ btn3.onclick = function() {
|
|
|
+ timer1 = // 延时器 延迟一定时间后执行 只执行一次
|
|
|
+ setTimeout(function(){
|
|
|
+ console.log("你好")
|
|
|
+ },4000)
|
|
|
+ }
|
|
|
+ btn4.onclick = function() {
|
|
|
+ clearTimeout(timer1)
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e