| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <div id="div1"></div>
- <div id="div2"></div>
- 倒计时:<h1 id="h">10</h1>
- <div id="div"></div>
- </body>
- <script>
- var timer = setInterval(function () {
- // 1 获取标签内容
- var h1 = document.getElementById("h")
- var numStr = h1.innerText
- // 2 把类型转成int
- var num = parseInt(numStr)
- // 3 进行-- 操作
- num--;
- // 4 重新设置到h1 这里
- h1.innerText = num;
- if (num == 0) {
- // 清除定时器
- clearInterval(timer)
- // 给div 标签设置新年快乐
- var div = document.getElementById("div")
- div.innerHTML = "<h1 style='color: red'>新年快乐</h1>"
- }
- }, 1000)
- // // 每隔1s 重新设置一下时间
- // setInterval(function (){
- // // 现在想要把本地时间实时展示界面中
- // var div = document.getElementById("div1")
- // div.innerText = new Date().toLocaleString()
- // },1000)
- //
- // setInterval(function (){
- // // 现在想要把本地时间实时展示界面中
- // var div2 = document.getElementById("div2")
- // div2.innerHTML = "<font color='red'>"+new Date().toLocaleString()+"</font>"
- // },1000)
- </script>
- </html>
|
