<!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>
