制作简单中转的定时器[settimeout]

    xiaoxiao2026-02-27  7

    前言

    前几天做了一个注册登陆的简单网页。 想着注册后的中转页面定时器制作。根据网上的资料貌似存在一些问题。 于是自己用比较傻的方法做了一个,效果还OK。

    知识点讲解

    这里主要是用到setTImeOut方法

    示例

    <!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="en" class="ie6 ielt8"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="ie7 ielt8"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="ie8"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> <html lang="en"> <head> <script src="js/jquery-1.11.0.min.js"> </script> <script> $(document).ready(function () { var time=1000; setTimeout("document.getElementById('time').innerHTML='注册成功,5秒后自动跳转到登陆页面'",1000); setTimeout("document.getElementById('time').innerHTML='注册成功,4秒后自动跳转到登陆页面'",2000); setTimeout("document.getElementById('time').innerHTML='注册成功,3秒后自动跳转到登陆页面'",3000); setTimeout("document.getElementById('time').innerHTML='注册成功,2秒后自动跳转到登陆页面'",4000); setTimeout("document.getElementById('time').innerHTML='注册成功,1秒后自动跳转到登陆页面'",5000); var t0 = setTimeout('ok()',6000); }); function ok() { window.location.href="/user/login"; } </script> <meta charset="UTF-8"> <title>注册成功</title> </head> <body> <div align="center" style="padding-top: 80px"> <a href="/user/login" id="time"></a> </div> </body> </html>

    总结

    是不是很傻很简单呢。 不断的尝试才能进步。

    最新回复(0)