作业日常

<html>

    <head>

        <style>

            #box{

                width: 1300px;

                margin: 100px auto;

                color: red;

                font: 28px/30px "simsun";

                text-align: center;

                border: 1px solid red;

            }

        </style>


    </head>

    <body>

        <div id="box">

            五秒之后跳转到 <a href="http://www.baidu.com">百度</a>

        </div>

    </body>

    <script>

        var num = 5;

        var box = document.getElementById("box");

        function fn() {

            num -- ;

            box.innerHTML = num + "秒后将跳转到 <a href='http://www.baidu.com'>百度</a> ";

            if (num == 0){

                clearInterval(timer);

                location.href = "http://www.baidu.com"

            }

        }

        var timer = setInterval(fn,1000);

    </script>

</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS:层叠样式表 cascading style sheet 不仅学CSS,还要学些LESS CSS、SASS...
    efho阅读 3,635评论 0 0
  • 1. javascript的typeof返回哪些数据类型. 答案:string,boolean,number,un...
    梦里梦不到的梦_b5c8阅读 3,950评论 0 0
  • jquery jQuery对象是一个类数组的对象,含有连续的整形属性以及一系列的jQuery方法。它把所有的操作都...
    前端菜鸡儿126阅读 2,958评论 0 0
  • <!DOCTYPE html> *{ margin:0; padding:0; } li{ list-style:...
    时_飞阅读 1,490评论 0 0
  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    余生动听阅读 13,602评论 0 11

友情链接更多精彩内容