示例1：JavaScript实现“振屏”效果

淡淡的一抹

于 2014-09-24 10:04:27 发布

阅读量89

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/ych4513979/article/details/88348029

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

//只在IE中可以使用
window.resizeTo(400, 400);//改变窗口大小

//定义参数
var loop = 0;//震动次数
var timer;//定时器引用
var offX;
var offY;
var dir = 1;//震动方向。1正，-1反

//使用setInterval函数来重复移动窗口位置
//震屏效果
timer = setInterval(function(){
    window.moveTo(500, 180);//改变窗口位置
    if(loop > 100){//震动次数超过100次就停止定时器
        clearInterval(timer);
    }
    //随机获取震动方向
    dir = Math.random()*10 > 5 ? 1 : -1;
    //随机获取X轴移动量
    offX = Math.random() * 20 * dir;
    //随机获取Y轴移动量
    offY = Math.random() * 20 * dir * -1;
    window.moveBy(offX, offY);//移动偏移
    loop++;//震动次数增加
}, 10);//每隔10毫秒震动一次