使用js实现5秒以后倒计时页面跳转,这个在某些特殊情况下还是比较实用的,页面代码简单能自动读秒。这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下!页面可以自己美化下。下面为大家介绍下具体的实现步骤。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ // 抓元素 抓span标签是数组,虽然只有一个 var dd = document.getElementById('title').getElementsByTagName('span')[0]; // 设置一个定时器 setInterval(function(){ // 获得当前的值 (因为span只有一个5,innerHTML跟获得文本textContent;(而且获得文本还要写一个兼容,更麻烦)结果是一样的) var tt = dd.innerHTML; // 计算新的值 var yy = tt-1; // 将新的值赋值回去 dd.innerHTML = yy; // 做一个判断 if (yy==1) { // 跳转 location.href='http://www.youku.com' } },1000) } </script> </head> <body> <h1 id="title">找不到页面,<span>5</span>秒钟后跳转到首页</h1> </body> </html>
原文链接:https://www.qiquanji.com/post/7372.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知