Javascript-dom总结(定时器、计时器)

最新推荐文章于 2022-05-18 12:38:31 发布

→→→→

最新推荐文章于 2022-05-18 12:38:31 发布

阅读量913

点赞数

分类专栏： JavaScript/JQuery

本文链接：https://blog.csdn.net/zou_yufei/article/details/9928489

版权

JavaScript/JQuery 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

1. 定时器：我认为是n秒后执行一次绑定的方法。

开启：setTimeout

关闭：clearTimeout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //定时器
        var timer;

        function t() {
            //开启定时器   执行型一次
            timer = setTimeout("alert('hello')", 2000);
        }

        //关闭定时器
        function t1() {
            clearTimeout(timer);
        }
    </script>
</head>
<body>
    <button οnclick="t()">启动定时器</button>
    <button οnclick="t1()">关闭定时器</button>
</body>
</html>

2.计时器：我认为是每隔n秒执行一次绑定的方法。

开启:setInterval

关闭:clearInterval

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">

        //计时器变量
        var timer;

        function t() {
            //开启计时器     (方法，间隔)   该方法返回生成的计时器
            timer = setInterval("alert('hello')", 2000);
        }

        function t1() {
            //停止计时器 (计时器变量)
            clearInterval(timer);
        }
    </script>
</head>
<body>
    <button οnclick="t()"> 启动计时器</button>
    <button οnclick="t1()">关闭计时器</button>
</body>
</html>

应用：走马灯效果的title

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无须强求</title>
    <script type="text/javascript">
        function t() {
            //获得页面标题
            var title = document.title;
            //获得标题第一个字
            var first = title.charAt(0);
            //获得标题第一个往后的内容
            var remain = title.substring(1, title.length);
            //拼接成新的标题
            document.title = remain + first;
        }

        //每0.5秒调用t()
        setInterval("t()", 500);

    </script>
</head>
<body>
</body>
</html>

→→→→

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript-dom总结(定时器、计时器)

1. 定时器：我认为是n秒后执行一次绑定的方法。开启：setTimeout关闭：clearTimeout //定时器 var timer; function t() { //开启定时器执行型一次 timer = setTimeout("al
复制链接

扫一扫

专栏目录