Javascript 为什么字符串不在一定的间隔内移动？_Javascript_String_Setinterval_Offsetwidth

Javascript 为什么字符串不在一定的间隔内移动？

javascript string

Javascript 为什么字符串不在一定的间隔内移动？,javascript,string,setinterval,offsetwidth,Javascript,String,Setinterval,Offsetwidth,我试图制作一个简单的代码，每20毫秒一行移动1px（smt就像一个股票行情器）。另外，使用.offsetWidth属性，希望它在到达浏览器窗口边缘时消失。不幸的是，我被卡住了，我不知道它为什么一动不动。请帮我找出错误，或者我走错方向了？谢谢 <html> <head> <title>Blablabla</title> <meta charset ="utf-8"> <!-- <script type=

我试图制作一个简单的代码，每20毫秒一行移动1px（smt就像一个股票行情器）。另外，使用.offsetWidth属性，希望它在到达浏览器窗口边缘时消失。不幸的是，我被卡住了，我不知道它为什么一动不动。请帮我找出错误，或者我走错方向了？谢谢

<html>
<head>
    <title>Blablabla</title>
    <meta charset ="utf-8">
    <!-- <script type="text/javascript" src="line.js"></script> -->
</head>
<body onload="interval()">
    <div id="line">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    </div>
<script type="text/javascript">
    function interval() {
        var line = setInterval(function(){document.getElementById("line").style.left = scroll.offsetWidth}, 20);
    }
</script>
</body>
</html>


喋喋不休
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
函数间隔（）{
var line=setInterval（function（）{document.getElementById（“line”）.style.left=scroll.offsetWidth}，20）；
}

```
行
```
必须是
```
绝对
```
定位元素，以便
```
左侧
```
css属性将影响
我假设您在
```
interval
```
中分配
```
left
```
属性时没有提到
```
+px（单位）
```
，as不会返回值为[]的
```
unit
```

```
行
```
必须是
```
绝对
```
定位元素，以便
```
左侧
```
css属性将影响
我假设您在
```
interval
```
中分配
```
left
```
属性时没有提到
```
+px（单位）
```
，as不会返回值为[]的
```
unit
```

//设置起始偏移量
var-leftOffset=0；
//将元素赋值给变量
var元素=document.getElementById（“行”）；
//css.left需要position.absolute
element.style.position='absolute'；
//计算元素的宽度，在display.block中为100%
element.style.display='inline block'；
//将间隔id分配给要取消的变量
var interval=setInterval（函数（）{
//增加抵销1
leftOffset=leftOffset+1；
//检查元素是否粘附在屏幕上。右侧
if（leftOffset+element.offsetWidth

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
看看下面的示例，它有一些注释可以帮助您理解、检查演示和使用代码

//设置起始偏移量
var-leftOffset=0；
//将元素赋值给变量
var元素=document.getElementById（“行”）；
//css.left需要position.absolute
element.style.position='absolute'；
//计算元素的宽度，在display.block中为100%
element.style.display='inline block'；
//将间隔id分配给要取消的变量
var interval=setInterval（函数（）{
//增加抵销1
leftOffset=leftOffset+1；
//检查元素是否粘附在屏幕上。右侧
if（leftOffset+element.offsetWidth

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
这是我的照片：
<html>
<head>
    <title>Blablabla</title>
    <meta charset ="utf-8">
    <!-- <script type="text/javascript" src="line.js"></script> -->
</head>
<body>
    <div id="line">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    </div>
<script type="text/javascript">
number = 5; //should be increased each time
setInterval(function(){var d = document.getElementById('line');
d.style.position = "absolute";
number++; //increase number
d.style.left = number; //move the div according to the number
}, 200); //notice that you can increase/decrease 200 according to your will

</script>
</body>
</html>


喋喋不休
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
数字=5//应该每增加一次
setInterval（function（）{var d=document.getElementById（'line'）；
d、 style.position=“绝对”；
数字+++；//增加数字
d、 style.left=number；//根据编号移动div
}, 200); //请注意，您可以根据自己的意愿增加/减少200
这是我的照片：
<html>
<head>
    <title>Blablabla</title>
    <meta charset ="utf-8">
    <!-- <script type="text/javascript" src="line.js"></script> -->
</head>
<body>
    <div id="line">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    </div>
<script type="text/javascript">
number = 5; //should be increased each time
setInterval(function(){var d = document.getElementById('line');
d.style.position = "absolute";
number++; //increase number
d.style.left = number; //move the div according to the number
}, 200); //notice that you can increase/decrease 200 according to your will

</script>
</body>
</html>


喋喋不休
Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
数字=5//应该每增加一次
setInterval（function（）{var d=document.getElementById（'line'）；
d、 style.position=“绝对”；
数字+++；//增加数字
d、 style.left=number；//根据编号移动div
}, 200); //请注意，您可以根据自己的意愿增加/减少200
非常感谢，非常有帮助！非常感谢你，真的很有帮助！是的，你是对的，我会纠正那些错误。谢谢）是的，你是对的，我会纠正那些错误。（谢谢）