个人中心
gpt4 book ai didi

javascript - 为什么我不能使用第一个代码移动图片？

转载 作者：行者123 更新时间：2023-11-30 20:18:56 26 4
gpt4 key购买 nike

有没有人看出下面两个代码块之间的区别？第一个根本不运行，第二个运行完美。为什么会这样？

    <title></title>

    <style type="text/css">

        #stones_image {
            /*border: 1px solid red;*/
            left: 0;
        }

    </style>

</head>

<body onload="set_timer()">
    <img src="pics/stones.png" id="stones_image">

    <script type="text/javascript">
        var the_timer, x_position = 0, the_image;

        function set_timer() {
            the_image=document.getElementById("stones_image");
            x_position=x_position+1;
            the_image.style.left=x_position;
            the_timer = setTimeout(set_timer, 50);
        }

    </script>

以及有效的代码:

<head>
    <script>
        var the_timer, x_position = 0, the_image;

        function set_timer() {
            the_image=document.getElementById("stones_image");
            x_position=x_position+1;
            the_image.style.left=x_position;
            the_timer = setTimeout(set_timer, 50);
        }
    </script>
</head>
<body onload="set_timer()">
    <img src="stones.png" id="stones_image"
         style="position:absolute; left:0">
</body>

最佳答案

在第一个代码中，您永远不会调用 set_timer函数，所以它永远不会被执行。

在第二个代码中，set_timer在文档加载时调用(使用 <body onload="set_timer"> ，所以它有效。

关于javascript - 为什么我不能使用第一个代码移动图片？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51654468/

26 4 0
文章推荐： javascript - 无法读取未定义的属性 'push' -Angular，Firebase
文章推荐： c++ - Makefile 中的 "relink"意味着什么？
文章推荐： c - C 中删除字符串终止符并添加换行符
文章推荐： c# - 了解Unity ParticleSystem中的 "Struct"
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com