Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.87/15: Рейтинг темы: голосов - 15, средняя оценка - 4.87
0 / 0 / 0
Регистрация: 20.04.2016
Сообщений: 4

Бегущая строка

20.04.2016, 09:23. Показов 3084. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, помогите зделать бегущий текст в строке состояния, который после достижения правого края начал двигаться слева на право и замедляться. Вот пример (тут просто бегущая строка слева на право без замедления)

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<script>
status = 'Text';    
function move2Left() {   
        status = ' ' + status;   
        if (status.length > 200)  
                status = status.trim() 
   
}
var statusBarTimer = setInterval(move2Left, 20);  
 
</script>
</head>
<body>
</body>
</html>
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
20.04.2016, 09:23
Ответы с готовыми решениями:

Бегущая строка
Выдать бегущую строку в горизонтальном окне (фрейме) из другого документа (справа налево). Вот написал скрипт бегущей строки, но как...

Бегущая строка
Здравствуйте,напишите пожалуйста код JS бегущей для одного из представленных вам вариантов(какой вам удобно): 3. Выдать бегущую...

Бегущая строка
Нужна написать яваскрипт бегущей строки с права налево в строке состояния браузера ( которая есть только в IE ) Вот код часов с датой и...

4
Hello Kitty
 Аватар для WhiteMind
690 / 562 / 402
Регистрация: 12.02.2016
Сообщений: 1,436
Записей в блоге: 1
20.04.2016, 09:54
Не?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<script>
status = 'Text';   
var speedTime = 20 
function move2Left() {   
        status = ' ' + status;   
        if (status.length > 50) { 
            status = status.trim() 
          speedTime += 20
        }
  document.getElementById( 'status' ).innerHTML = status;
  setTimeout(move2Left, speedTime);
}
setTimeout(move2Left, speedTime);  
 
</script>
</head>
<body>
 
<pre id="status"></pre>
 
</body>
</html>
https://jsfiddle.net/ba43mq8p/
1
0 / 0 / 0
Регистрация: 20.04.2016
Сообщений: 4
20.04.2016, 09:57  [ТС]
Почти, текст идет и в бегущей и сверху страницы почему-то
0
Hello Kitty
 Аватар для WhiteMind
690 / 562 / 402
Регистрация: 12.02.2016
Сообщений: 1,436
Записей в блоге: 1
20.04.2016, 09:58
Лучший ответ Сообщение было отмечено timbo220 как решение

Решение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<script>
status = 'Text';   
var speedTime = 20 
function move2Left() {   
        status = ' ' + status;   
        if (status.length > 200) { 
            status = status.trim() 
          speedTime += 20
        }
  setTimeout(move2Left, speedTime);
}
setTimeout(move2Left, speedTime);  
 
</script>
</head>
<body>
 
 
</body>
</html>
1
0 / 0 / 0
Регистрация: 20.04.2016
Сообщений: 4
20.04.2016, 10:03  [ТС]
Спасибо, все отлично)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
20.04.2016, 10:03
Помогаю со студенческими работами здесь

Бегущая строка
&lt;html&gt; &lt;head&gt; &lt;p&gt; &lt;span id=&quot;runstr&quot; style=&quot;text-align:left;&quot;&gt;&lt;/span&gt; &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt; &lt;!--...

Бегущая строка
Имеется код для реализации бегущей строки, но почему то она не бежит :( &lt;HTML&gt; &lt;HEAD&gt; &lt;meta...

Бегущая строка
как сделать бегущую строку на JS чтоб работала как тег marquee?

Не работает бегущая строка
При наведении мышки на поле строка появляется, но не бежит Задание Создать программу, запускающую бегущую строку в случае, если...

Бегущая строка изображений
Здравствуйте!!!! Я хочу реализовать бегущую строку изображений, но столкнулся с проблемой. В моей релизации получается эффект слайдера...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 30.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru