JavaScript: вращать строку слева направо

Последнее обновление 9 февраля 2019 08:35:17 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

JavaScript Basic: упражнение 5 с решением

Напишите программу на JavaScript, чтобы вращать строку «w3resource» в правильном направлении, периодически удаляя одну букву из конца строки и прикрепляя ее к передней части.

Пример решения:

HTML-код:

<!DOCTYPE html>
  <html> 
  <head>
  <title>JavaScript basic animation</title>
  <script type="text/javascript">
  </script>
  </head> <body onload="animate_string('target')"
  <pre id="target">w3resource </pre>
  </body> 
  </html>

Код JavaScript:

function animate_string(id) 
{
    var element = document.getElementById(id);
    var textNode = element.childNodes[0]; // assuming no other children
    var text = textNode.data;
setInterval(function () 
{
 text = text[text.length - 1] + text.substring(0, text.length - 1);
  textNode.data = text;
}, 100);
}

Объяснение:

document.getElementById (id): возвращает ссылку на элемент по его идентификатору; идентификатор - это строка, которая может использоваться для идентификации элемента; это может быть установлено с помощью атрибута id в HTML или из скрипта.
Параметры: id - это чувствительная к регистру строка, представляющая уникальный идентификатор искомого элемента.

element.childNodes [0] приведет к тому же результату, что и содержимое HTML первого дочернего узла.

text.length : свойство length представляет длину строки. Возвращает количество символов в строке.

Блок - схема:

Версия ES6:

function animate_string(id) 
{
    const element = document.getElementById(id);
    const textNode = element.childNodes[0]; // assuming no other children
    let text = textNode.data;
setInterval(() => {
 text = text[text.length - 1] + text.substring(0, text.length - 1);
  textNode.data = text;
}, 100);
}

Демонстрация в реальном времени:

Посмотрите на текущий день и время Pen JavaScript - basic-ex-2 от w3resource ( @ w3resource ) на CodePen .

Улучшите этот пример решения и опубликуйте свой код через Disqus

Предыдущий: Напишите функцию JavaScript, чтобы найти область треугольника, длина трех сторон которой равна 5, 6, 7.
Далее: Напишите программу на JavaScript, чтобы определить, является ли данный год високосным в григорианском календаре.