在同一div中使用固定的随机颜色悬停

<div id="myDiv">这是一个div元素</div>

<style>
    #myDiv {
        width: 200px;
        height: 200px;
        background-color: #ccc;
        transition: background-color 0.3s ease;
    }

    #myDiv:hover {
        background-color: #randomColor;
    }
</style>

<script>
    function getRandomColor() {
        var letters = '0123456789ABCDEF';
        var color = '#';
        for (var i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
    }

    var randomColor = getRandomColor();
    document.getElementById("myDiv").style.backgroundColor = randomColor;
</script>