善恶资源网专注优秀技术教程分享网-傅汉松!

js定时器加运动基础

傅汉松 技术教程

汉松出品|资源介绍

傅汉松本次为大家分享的是js定时器加运动基础

傅汉松

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {width:200px;height:200px;background-color:red;position:absolute;top:50px;left:0px;}
</style>
</head>
<body>
<script>
var time=null;
function move(){
var odiv=document.getElementById('div1');
clearInterval(time);
time=setInterval (function(){
if(odiv.offsetLeft>=300)
{
clearInterval(time);
}
else{
odiv.style.left=odiv.offsetLeft+7+'px';
}
},20);
}
</script>
<div id="div1"></div>
<input type="button" value="点击" onClick="move()" />
</body>
</html>


标签: 暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:321976193@qq.com

同类推荐
评论列表

技术教程 js定时器加运动基础
<!doctype html> <html> <head> <meta charset=&q...
扫描二维码阅读原文
QQ娱乐网 January, 01
生成社交图 ×
    63.23ms