码多多AI编程问答网

当然可以帮您写一个龟兔赛跑的HTML代码。以下是一个简单的示例：

复制代码

<!DOCTYPE html>
<html>
<head>
    <title>龟兔赛跑</title>
    <style>
        #turtle {
            position: absolute;
            top: 50px;
            left: 0;
        }
        
        #rabbit {
            position: absolute;
            top: 100px;
            left: 0;
        }
    </style>
</head>
<body>
    <h1>龟兔赛跑</h1>
    
    <div id="turtle"><img src="turtle.png" alt="Turtle"></div>
    <div id="rabbit"><img src="rabbit.png" alt="Rabbit"></div>
    
    <script>
        var turtle = document.getElementById("turtle");
        var rabbit = document.getElementById("rabbit");
        
        function race() {
            var turtlePosition = 0;
            var rabbitPosition = 0;
            
            var timer = setInterval(function() {
                turtlePosition += Math.random() * 10;
                rabbitPosition += Math.random() * 20;
                
                turtle.style.left = turtlePosition + "px";
                rabbit.style.left = rabbitPosition + "px";
                
                if (turtlePosition >= window.innerWidth - 100) {
                    clearInterval(timer);
                    alert("龟兔赛跑结束，乌龟获胜！");
                } else if (rabbitPosition >= window.innerWidth - 100) {
                    clearInterval(timer);
                    alert("龟兔赛跑结束，兔子获胜！");
                }
            }, 100);
        }
        
        race();
    </script>
</body>
</html>

请注意，这只是一个基本的示例代码，您可以根据自己的需求进行修改和美化。同时，您需要将龟兔的图片文件（例如turtle.png和rabbit.png）放在与HTML文件相同的目录下，或者根据实际路径进行调整。

希望这个示例能够帮到您！如果您有任何其他问题，请随时提问。

写一个龟兔赛跑html代码

写一个龟兔赛跑html代码