| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>案例2</title>
- </head>
- <body>
- <!--
- 321跳转百度
- innerHtml : 可以识别标签
- innerText : 直接翻译成文本
- 1. 获取h1标签
- 2. 改变 内容 每个1秒
- 3. 定时器 setTimeout
- -->
- <h1 id="h1" ></h1>
- <script>
- //开启定时器 返回值关闭
- let count = 1;
- let index = setInterval(function (){
- if (count == 3){
- clearInterval(index)
- //改变地址
- location.href = "https://www.baidu.com"
- }
- //业务逻辑
- let h1 = document.getElementById("h1");
- //h1添加内容
- //h1.innerHTML = "<font color='red'>"+(4-count)+"</font>";
- h1.innerText = "<font color='red'>"+(4-count)+"</font>";
- //改变标识
- count++;
- },1000);
- </script>
- </body>
- </html>
|
