Heim > Web-Frontend > js-Tutorial > Javascript-Methode zum kreisförmigen Scrollen des Statusleistentexts von Ende zu Ende_Javascript-Kenntnisse

Javascript-Methode zum kreisförmigen Scrollen des Statusleistentexts von Ende zu Ende_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:49:19
Original
1443 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode von Javascript, um das kreisförmige Scrollen des Statusleistentextes von einem Ende zum anderen zu realisieren. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

<html>
<head>
<title>中国风</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--hide
var message="^_^欢迎光临本站!";
var position = 0;
var sta="";
var x=2*(60/message.length);
for(i=0;i<x;i++){
  sta+=message;
}
function statusScroll(){
  window.status=sta.substring(position,position+60);
  if(position++==60)
    position=0;
}
--hide-->
</script>
</head>
<body>
<script language="JavaScript">
setInterval("statusScroll()",150);
// 使用setInterval()按时间间隔调用函数
</script>
</body>
</html>

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage