js跑步算法的实现代码
先复制一下，看看运行的效果吧，其中用到的精髓是setInterval（）方法：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>JavaScript</title>
<style>
html
{
background-color:silver;
}
.point1
{
position:absolute;
left:10px;
top:40px;
}
.point2
{
position:absolute;
left:100px;
top:40px;
}
.hr1
{
position:absolute;
top:60px;
}
</style>
<script type="text/JavaScript">
document.onmousedown = mousedown;
document.onmouseup = mouseup;
var intervalProcess;
var direct = true;
function mousedown(){
intervalProcess = setInterval("MovePoint()", 1);
}
function mouseup(){
clearInterval(intervalProcess);
}
function MovePoint(){
with (document.getElementById("point1").style){
if (isNaN(parseInt(left)))
left = "10px";
else {
document.getElementById("point2").style.left = "200px";
if (parseInt(left) < 0)
direct = true;
if (parseInt(left) > parseInt(document.getElementById("point2").style.left))
direct = false;
if (direct)
left = parseInt(left) + 1 + "px";
else
left = parseInt(left) - 1 + "px";
}
}
}
</script>
</head>
<body>
<div class="point1" id="point1"><font color=blue>a</font></div>
<div class="point2" id="point2"><font color=red>b</font></div>
<hr class="hr1" />
</body>
</html>
相关文章
省市区三级联动在填写表单时有关地址这一块显得尤为重要,直接提高了用户的填写速度与准确度，接下来本文使用js代码实现一个，感兴趣的你可以参考下希望可以帮助到你2013-03-03
本篇文章给大家带来了关于JS如何获取地址栏的参数实例讲解，有需要的朋友们参考下。2018-10-10
这篇文章主要给大家介绍了关于微信小程序如何监听全局变量的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
JavaScript是所有现代浏览器的官方语言。 因此，JavaScript 问题出现在各种开发人员的面试中。这篇文章主要跟大家分享了关于JavaScript中最常见的三个面试题，需要的朋友可以参考学习，下面来一起看看吧。2017-03-03
单元测试框架Jest搭配TypeScript的安装与配置方式
这篇文章主要介绍了单元测试框架Jest搭配TypeScript的安装与配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
在实际应用中我们常常会遇到监听按键输入和鼠标点击事件,下面这篇文章主要给大家介绍了关于JavaScript事件监听之键盘事件的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-06-06
javascript实现ecshop搜索框键盘上下键切换控制
这篇文章主要介绍了javascript实现ecshop搜索框键盘上下键切换控制,需要的朋友可以参考下2015-03-03
ES6中let、const的区别及变量的解构赋值操作方法实例分析
这篇文章主要介绍了ES6中let、const的区别及变量的解构赋值操作方法,结合实例形式分析了ES6中let、const的功能、原理、使用方法及数组、字符串、函数参数等解构赋值相关操作技巧,需要的朋友可以参考下2019-10-10
这篇文章主要为大家详细介绍了用javascript实现简单计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要为大家详细介绍了利用bootstrapValidator验证UEditor,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
最新评论