如何创建 HTML5 小部件答案

【问题标题】：How to create an HTML5 widgets如何创建 HTML5 小部件
【发布时间】：2019-05-09 15:26:56
【问题描述】：

任何想法。我如何为最新推文制作实时新闻小部件或类似的 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 秒的等待时间内向下移动，然后另一个词来了，上一个自动向下移动

【问题讨论】：

请查看How to Ask。你的问题太笼统了。
@qwel niff 你在寻找类似developer.twitter.com/en/docs/twitter-for-websites/timelines/…的东西吗？
@10101010 是的，兄弟。一个类似的。但我想制作自己的，可以放在我的网站上以显示来自我的数据库的内容
如果您让我们知道您遇到的问题或在您的问题中添加一些代码，我们真的可以很好地帮助您。目前你的问题太宽泛了，需要人们解释很多东西。
@10101010 已经写了一些代码，我喜欢它。真的让我头疼。这个东西类似于 rss feed 小部件

标签： javascript jquery css html

【解决方案1】：

考虑编写一个 Web 组件。

这是创建“小部件”的内置方式。

https://coherent-labs.com/posts/web-components/

你应该把它们写在 JS 文件中。避免使用 HTML 导入，因为它已被弃用，并且很快不会出现在任何浏览器中。考虑使用 ES6 模板文字而不是 <template> 标签。

【讨论】：