【JS】js学习笔记之用js实现定时器倒数跳转至指定网页或首页

来源：互联网发布：h3c批量配置端口模式编辑：程序博客网时间：2024/05/21 07:50

js学习笔记之用js实现定时器倒数跳转至指定网页或首页：

直接上源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body>success! <span id="showTime">5</span>s后跳转至首页,若没有跳转,请点击<a href="http://www.baidu.com">这里</a></body><script type="text/javascript">var beginTime = 5;var timer = setInterval(function(){var time = document.getElementById('showTime');beginTime--time.innerHTML = beginTime;if(beginTime==0){window.location = "http://www.baidu.com";clearInterval(timer);};},1000);</script></html>

效果如下：

阅读全文

0 0