2017-09-05 134 views
0

我正在從下往上此鏈接JavaScript編碼 - >按鈕,更改和暫停跑馬燈

我現在的問題是,

1)選區就會顯示一大堆文字,自動字幕。

2)我想添加一個按鈕,其功能爲停止滾動字幕和恢復 - 我已經在我的頁面。但它不可行,因爲它有兩個按鈕。爲了提高效率,我決定添加一個javascrip按鈕,一旦它被點擊就會改變文本。

3)我盡力修改,但它dosnt工作。任何人都可以幫我糾正這個簡單的片段嗎?

感謝 -John

<marquee behavior="scroll" direction="up" style="height:500px;" scrollamount="6" id="mymarquee" ><?php echo $price_today; ?></marquee> 

<input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();"/> 
<input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();"/> 
<input onclick="change()" type="button" value="Pause Autoscroll" id="myButton1" /> 


<script type="text/javascript"> 

    function change() // no ';' here 
    { 
    var elem = document.getElementById("myButton1"); 
    if (elem.value=="Pause Autoscroll") 
     elem.value = "Continue Autoscroll"; 
     document.getElementById('mymarquee').stop(); 
    else 
     elem.value = "Pause Autoscroll"; 
     document.getElementById('mymarquee').start(); 
    }  

回答

0

你沒有擁抱花括號中ifelse聲明,這是一個簡單的語法問題,而不是別的。

var change = function() // no ';' here 
 
    { 
 
    var elem = document.getElementById("myButton1"); 
 
    if (elem.value=="Pause Autoscroll") { 
 
     elem.value = "Continue Autoscroll"; 
 
     document.getElementById('mymarquee').stop(); 
 
     } 
 
    else { 
 
     elem.value = "Pause Autoscroll"; 
 
     document.getElementById('mymarquee').start(); 
 
     } 
 
    }
<marquee behavior="scroll" direction="up" style="height:500px;" scrollamount="6" id="mymarquee" >$799</marquee> 
 

 
<input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();"/> 
 
<input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();"/> 
 
<input onclick="change()" type="button" value="Pause Autoscroll" id="myButton1" />

+0

的Wooo感謝! :) –

+0

很高興幫助。如果它回答了你的問題,你可以接受它作爲答案,以便將來碰到這個問題的其他人會知道這個答案是什麼。 PS:從我看過標籤開始,這一定是一個很好的10年,你帶回瞭如此多的回憶:) – Aydin4ik

+0

哈哈,和像我這樣的老計時器充滿了回憶:p –

0

你如果else語句需要{}

function change() // no ';' here 
{ 
    var elem = document.getElementById("myButton1"); 
    if (elem.value=="Pause Autoscroll"){ 
     elem.value = "Continue Autoscroll"; 
     document.getElementById('mymarquee').stop(); 
    }else{ 
     elem.value = "Pause Autoscroll"; 
     document.getElementById('mymarquee').start(); 
    } 
}