步骤
1显示页面效果,
2倒计时读秒效果实现
2.1定义一个方法,获取span标签,修改span标签体内容,时间---------;
2.2定义一个定时器,一秒执行一次该方法
3在方法中判断如果时间<0,则跳转页面。
注意
time.innerHTML=second+"";
innnerHTL是用来显示和修改标签里面内容的
**<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> p{ text-align: center; } #time{ color: red; } </style> <body> <p> <span id="time">5</span>秒后跳转到百度 </p> <script> var second=5; var time = document.getElementById("time"); function show() { second--; if(second==0){ //跳转页面 location.href="https://www.baidu.com"; } //用来动态设置里面的内容 time.innerHTML=second+""; } //用来实现这个一秒实现一次这个方法 setInterval(show,1000); </script> </body> </html>**
效果如图所示倒计时后跳转百度页面
新创建一个公众号 Rockey小何同学 想相互交流的同学可以关注一下哈! 感谢支持!