我想在简单的html中显示从右上角到左下角的图像

Question

onmouseover（）我正在调用此函数

function move_arrow() {

        document.getElementById('arrow1').style.display = "block";
        j = 100;
        for (var i = 1000; i > 260; i--) {
            document.getElementById('arrow1').style.left = i + 'px';
            document.getElementById('arrow1').style.top = j + 'px';
            if (j < 440) {
                j = j + .5;
            }
         //alert();      

        }
    }

警告其显示图像移动到所需位置，否则不是。我知道有警报它有足够的时间来执行该功能。 在简单的html和javascript中，适用于所有浏览器的解决方案是什么。

Answer 1

您可以使用setInterval例如：

function move_arrow() {
    document.getElementById('arrow1').style.display = "block";
    j = 100;
    i = 1000;
    var intervalId = setInterval(
        function() {
            i--;
            document.getElementById('arrow1').style.left = i + 'px';
            document.getElementById('arrow1').style.top = j + 'px';
            if (j < 440) {
                j = j + .5;
            }

            if (i < 240)
                clearInterval(intervalId); //switch off setInterval
        }, 
        10 //execute this function every 10ms
    );
}