开发者社区> eumji> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介: 前言 前几天做了一个注册登陆的简单网页。 想着注册后的中转页面定时器制作。根据网上的资料貌似存在一些问题。 于是自己用比较傻的方法做了一个,效果还OK。 知识点讲解 这里主要是用到setTImeOut方法 示例 <!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="en" class=
+关注继续查看

前言

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

总结

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
tablayout支持改变选中文字大小,支持左右滑动,支持viewpager,支持三角可移动指示器
TabLayout [简书地址] (https://www.jianshu.com/p/2c3f868266e8) 基于大神的FlycoTabLayout 传送地址和基本用法 用法和属性和这个库一样 效果图如下 Gif_20180828_142709.
1730 0
六、setTimeout与循环闭包经典面试题详解
值得高兴的是,很多朋友在阅读了我的文章之后确实对闭包有了更加深刻的了解,并准确的给出了好几种写法。大家能够认真的阅读我的文章并且一个例子一个例子的上手练习,这种认可对我而言真的非常感动。 但是也有一些基础稍差的朋友在阅读了之后,对于这题的理解仍然感到困惑,因此应一些读者老爷的要求,借此文章专门对setTimeout进行一个相关的知识分享,希望大家读完之后都能够有新的收获。
0 0
setTimeout 引申
setTimeout 引申
0 0
vbs学习,书籍,看书笔记(5) 客户端web脚本 .Power shell 使用 脚本文件的类型2
vbs学习,书籍,看书笔记(5) 客户端web脚本 .Power shell 使用 脚本文件的类型2
0 0
SSM+mybatis+c3p0+jsp常用整合注册分页插件pageHelper
SSM+mybatis+c3p0+jsp常用整合注册分页插件pageHelper
0 0
+关注
eumji
长路漫漫.且行且思
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载