如何將標題標籤中的滾動文字？

Question

我想讓標題的文字可滾動，我把它作爲下面的代碼滾動，但我輸入的文本沒有空格顯示，這意味着字符串中的空間不被考慮。

<script type="text/javascript"> 
    //function for tittle scrolling 
    function scrlsts() { 
     //var scrltest = " Nature "; 
     scrltest=document.title; 

     //alert(scrltest); 
     scrltest = scrltest.substring(1, scrltest.length) + scrltest.substring(0, 1); 

     //alert(scrltest); 
     document.title = scrltest; 

     setTimeout("scrlsts()", 1000); 
    } 
    $(document).ready(function() { 
     var scrltest = " Nature dff ssfd "; 
     document.title=scrltest; 
     scrlsts(); 
    }); 
</script> 

在此先感謝

Answer 1

有沒有很長一段時間做這些，but this should work：

(function titleScroller(text) { 
    document.title = text; 
    setTimeout(function() { 
     titleScroller(text.substr(1) + text.substr(0, 1)); 
    }, 500); 
}(" Nature dff ssfd ")); 

Answer 2

你可以試試這個：

<script> 

    var repeat=0 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1 
    var title=document.title 
    var leng=title.length 
    var start=1 
    function titlemove() 
    { 
     titl=title.substring(start, leng) + title.substring(0, start) 
     document.title=titl 
     start++ 
     if (start==leng+1`enter code here`) 
     { 
      start=0 
      if (repeat==0) 
      return 
     } 
     setTimeout("titlemove()",500) 
    } 
    if (document.title) 
    titlemove() 
</script> 

Answer 3

<script type='text/javascript'> 
title = "Your Title"; 
position = 0; 
function scrolltitle() { 
    document.title = title.substring(position, title.length) + title.substring(0, position); 
    position++; 
    if (position > title.length) position = 0; 
    titleScroll = window.setTimeout(scrolltitle,170); 
} 
scrolltitle(); 
</script> 

停止標題滾動，只需運行：

window.clearTimeout(titleScroll); 

Answer 4

我做了一個簡單而簡單的JavaScript庫來完成這個任務。

該庫被稱爲MarqueeTitle，甚至有一個slim version小於300個字節（正常爲2KB）。