setTimeout和setInterval使用初探

最新推荐文章于 2021-06-03 23:30:17 发布

xeenwu

最新推荐文章于 2021-06-03 23:30:17 发布

阅读量283

点赞数

分类专栏： html5 js 文章标签： html5 html属性操作 javascript 菜鸟 console

本文链接：https://blog.csdn.net/qq_24380167/article/details/65035616

版权

js 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

html5

15 篇文章 0 订阅

订阅专栏

一切尽在代码截图中，愿意和大家一起成长！可以喷，毕竟是菜鸟！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="wraper"></div>
<div class="wraper1">abcd123441223432 </div>
<button οnclick="clearIt=window.clearInterval(clearIt)">
    Stop</button>
<script>
    window.onload = function () {
        $('.wraper').html('12343242342')

        setTimeout(function () {
            $('.wraper').hide();
            setTimeout(function () {
                $('.wraper1')[0].style.backgroundColor = 'red';
                console.log(new Date(),"in");

            },20000);

            console.log(new Date(),"out");

        },10000);
    }

    var clearIt=self.setInterval("setIntervalTest()",1000);
    function setIntervalTest () {
        console.log('++++');
    }
</script>



<script type="text/javascript" src="jquery/jquery-min.js"></script>
</body>
</html>