js 5秒钟倒计时跳转页面效果
使用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,我们将及时处理。
微信扫码关注
更新实时通知