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

来源：互联网发布：土耳其人知乎编辑：程序博客网时间：2024/05/01 05:04

前言

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