数学.随机- Javascript
Math.Random - Javascript
我有这样的代码:
var num = 550;
$(document).keydown(function (event) {
switch (event.keyCode) {
// Left Arrow
case 37: num = num-- - 15;
document.getElementById('player').style.margin = '550px ' + num + 'px 0px ';
break;
// Right Arrow
case 39: num = 15 + num++;
document.getElementById('player').style.margin = '550px ' + num + 'px 0px ';
break;
}
});
var nump = 0;
var touch = false;
var flagtouch;
$(document).ready(function () {
flagtouch = setInterval(function () {
movePoint(nump);
}, 10);
});
function movePoint() {
document.getElementById('point').style.margin = nump + 'px 615px 0px';
touch = chekTouch($('#point'), $('#player')) // check whether the divs touches and return true if touched
if (touch) {
$('.point').ready(function () {
var docWidth = $(document).width();
var $div = $('.point');
var divWidth = $div.width();
var widthMax = docWidth - divWidth;
$div.css({
marginLeft: Math.floor(Math.random() * widthMax),
marginTop: 150,
});
});
}
else {
nump++;
}
}
function chekTouch($div1, $div2) {
var x1 = $div1.offset().left;
var y1 = $div1.offset().top;
var h1 = $div1.outerHeight();
var w1 = $div1.outerWidth();
var b1 = y1 + h1;
var r1 = x1 + w1;
var x2 = $div2.offset().left;
var y2 = $div2.offset().top;
var h2 = $div2.outerHeight();
var w2 = $div2.outerWidth();
var b2 = y2 + h2;
var r2 = x2 + w2;
if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false;
return true;
}
现在,我得到了这个触摸功能,当div point触摸div player时,以随机方式执行marginLeft并将marginTop设置为0px。
所以它的工作,但只有一个问题,随机并没有停止工作,他保持移动,当div有物理接触彼此
我的问题是如何使随机边距工作,只有当他触摸div?
谢谢!
//这是因为你使用了setInterval,它每10ms播放一次
编辑:对不起,我误解了你的意思,
之后,你应该像这样清除间隔:
clearInterval(flagtouch);
则循环停止
在movePoint()
中,当touch
为true时设置了随机设置的边距后,仍然在每个间隔设置与document.getElementById('point').style.margin = nump + 'px 615px 0px';
的边距,但不增加nump
,因此touch
将始终为true
相关文章:
- JavaScript随机报价生成器
- Javascript随机显示/隐藏不起作用
- 用JavaScript随机给网页上的每个字母上色的最佳方式是什么
- 按钮被制作成一个图像来执行Javascript随机生成器
- 如何使用JavaScript随机化有序列表
- 使用JavaScript随机化html标记
- Javascript随机名称猜测者:无响应的脚本问题
- 使用 javascript 随机更改表的背景颜色
- JavaScript随机溢出或超出范围
- Javascript随机猜测游戏
- Javascript:随机“对象没有方法”错误,即使使用 jquery.getScript()
- Javascript随机背景图像大小
- Javascript随机如何在同一页面上多次重复相同的时间
- 基于css的页面中的Javascript随机图像生成器
- Javascript随机损坏
- 如何让 JavaScript 随机选择三个选项之一
- JavaScript 随机循环
- Javascript随机背景图像
- JavaScript随机希腊字母不起作用
- JavaScript-随机点击特定的锚定标签