Как создать виджеты HTML5

Question

любая идея.Как я могу сделать что-то вроде живого виджета новостей или аналогичного виджета Twitter для последних твитов.Я ценю любой пример или образцы

контент 1 - двигаться вниз - ждать 2 секунды и двигаться

контент 2 - двигаться вниз - ждать 2 секунды и двигаться

содержание 3 - двигаться вниз - подождать 2 секунды и двигаться

<MARQUEE behavior="scroll" direction="down" scrollamount="3" SCROLLDELAY=1000>Hello Mike</MARQUEE>
<MARQUEE behavior="scroll" direction="down" SCROLLDELAY=800>Hello John</MARQUEE>
<MARQUEE behavior="scroll" direction="down" SCROLLDELAY=700>Hello Jeff</MARQUEE>

Я написал несколько пометок, чтобы показать, что я хочу.проблема с маркой заключается в том, что не могу сделать это профессионально.мне просто нужен 1 текст, чтобы прийти и сдвинуться вниз с временем ожидания 2 секунды, затем придет другое слово и предыдущий переместится вниз автоматически

Answer 1

Рассмотрите возможность написания веб-компонента.

Это встроенный способ создания «виджета».

https://coherent -labs.com / сообщения / веб-компонента /

Вы должны записать их в файлы JS. Избегайте использования импорта HTML, поскольку он устарел и скоро не появится ни в одном браузере. Попробуйте использовать литералы шаблона ES6 вместо тегов <template>.