Question

我已经为移动文本编写了一个简单的JavaScript代码，但是当我运行程序时没有任何反应。

使用Javascript：

<script type="text/javascript" language="javascript">

    function move() {
        divElement = document.getElementById("MovingContent");             
        divElement.style.left = parseInt(divElement.style.left)+1+"px";         
        setInterval('move()', 1000);          
    }

    window.onload=move 

</script>

HTML：

<body style="background-color:#303030" onload="move()">
<asp:Label ForeColor="#2A4191" ID="MovingContent" text="Good Morning" runat="server" style="position:absolute;display:block;" >
</asp:Label>

Answer 1

这是您的代码的固定版本：

function move() {
    divElement = document.getElementById("MovingContent");
    divElement.style.left = (parseInt(window.getComputedStyle(divElement)['left'])+1)+ "px";
}

window.onload= function(){
    setInterval(function(){move();}, 500);
}

使用“window.getComputedStyle（divElement）”来获取左值。

Answer 2

使用下面的代码检查DEMO。您可以在setInterval函数

中调用window.onload

从javascript代码中删除所有<br/>。 css left的属性与position:absolute或position:relative一起使用。

更新：我在评论中发帖时添加HTML。已添加左：0px到MovingContent并删除onload =＆＃34; move（）＆＃34;已经在javascript中使用了这个

检查DEOM

HTML

 <body style="background-color:#303030" >
   <asp:Label ForeColor="#2A4191" ID="MovingContent" text="Good Morning" runat="server" style="position:absolute;display:block;left:0px" ></asp:Label> 
</body>

JAVASCRIPT

<script>
 function move() {
    divElement = document.getElementById("MovingContent");               
    divElement.style.left = parseInt(divElement.style.left)+1+"px";          
}

window.onload= function(){
 setInterval('move()', 1000);
} 
</script>

＆＃13;

function move() {
        divElement = document.getElementById("MovingContent");               
        divElement.style.left = parseInt(divElement.style.left)+1+"px";          
    }

window.onload= function(){
  setInterval('move()', 1000);
 }

＆＃13;

<label style="left:0px;position:absolute;" id="MovingContent"> moving data </label>

＆＃13;

Answer 3

我创造了一个小提琴，请在下面查看

https://jsfiddle.net/512baL7k/6/

假设id为 MovingContent 的元素，如下所示

<div id="MovingContent" style="background: red; height: 10px; width: 10px; left: 1px; position: relative;" />

编辑看起来代码未保存。我已经更新了小提琴

用于移动文本的JavaScript不起作用

3 个答案: