其他分享
首页 > 其他分享> > 案例_自动跳转首页和DOM_概述

案例_自动跳转首页和DOM_概述

作者：互联网

案例_自动跳转首页

倒计时读秒效果实现

　　1.定义一个方法，获取span标签，效果span标签体内容，时间- -

　　2.定义一个定时器，1秒执行一次该方法

在方法中如果时间<=0，则跳转到首页

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转</title>
    <style>
        p{
            text-align: center;
        }
        span{
            color: red;
        }
    </style>
</head>
<body>
    <p>
        <span id="time">5</span>秒之后，自动跳转到首页...
    </p>
<script>
    var second = 5;
    var time = document.getElementById("time");
    function showTime() {
        second--;
        if (second<=0){
            location.href = "https://www.baidu.com"
        }
        time.innerHTML = second+"";
    }
    setInterval(showTime,1000);
</script>
</body>
</html>

 

DOM_概述

概念：Document Object Model 文档对象模型 

DOM 是一项 W3C (World Wide Web Consortium) 标准。

DOM 定义了访问文档的标准：

W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”

W3C DOM 标准被分为 3 个不同的部分：

 

会把你编写的HTML页面转换为DOM树

 

 

 

搜索

复制

标签：W3C,DOM,对象,second,文档,首页,跳转
来源： https://www.cnblogs.com/pengtianyang/p/16547474.html