//图片全屏晃动
var wobbleimage = document.getElementById('wobble-image');
var x = 0; // 初始位置
var y = 0; // 初始位置
var dx = 1; // 水平速度
var dy = 1; // 垂直速度
var i = 0;
function updatePosition() {
i = i + 1;
x += dx;
y += dy;
if (x + wobbleimage.width >= window.innerWidth || x <= 0) {
dx = -dx;
}
if (y + wobbleimage.height >= window.innerHeight || y <= 0) {
dy = -dy;
}
wobbleimage.style.left = x + "px";
wobbleimage.style.top = y + "px";
if (i > 3){
wobbleimage.style.display = "Block";
}
}
var intervalId = setInterval(updatePosition, 20);//定时调用 间隔20毫秒
wobbleimage.addEventListener('mouseenter', function() {
clearInterval(intervalId);//停止定时器
});
wobbleimage.addEventListener('mouseleave', function() {
intervalId = setInterval(updatePosition, 20);再次启动定时器
});