Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使HTML元素显示在页面中_Javascript_Css_User Interface_User Experience - Fatal编程技术网

Javascript 使HTML元素显示在页面中

Javascript 使HTML元素显示在页面中,javascript,css,user-interface,user-experience,Javascript,Css,User Interface,User Experience,我创建了一个AngularJS单页应用程序,它有聊天室。我希望在我的主页(index.html)上有一些JavaScript函数,可以逐渐显示我应用程序上的房间文本框。像旧的屏幕保护程序一样,每个带有房间名称的文本框都会出现在页面上(比如说每隔5秒),位于屏幕背景上一个随机的未占用位置 我的问题是——用UI/UX术语来说——从数据数组(在我的例子中是一些文本数组)以5秒的间隔(JavaScript计时器?)呈现新内容的最佳方式是什么,并使每个数据突然出现在屏幕上(CSS动画?)。不确定,但是我认

我创建了一个AngularJS单页应用程序,它有聊天室。我希望在我的主页(index.html)上有一些JavaScript函数,可以逐渐显示我应用程序上的房间文本框。像旧的屏幕保护程序一样,每个带有房间名称的文本框都会出现在页面上(比如说每隔5秒),位于屏幕背景上一个随机的未占用位置


我的问题是——用UI/UX术语来说——从数据数组(在我的例子中是一些文本数组)以5秒的间隔(JavaScript计时器?)呈现新内容的最佳方式是什么,并使每个数据突然出现在屏幕上(CSS动画?)。

不确定,但是我认为您想要实现以下目标

您可以从整个页面创建一个网格,为元素创建一个模板,每隔一段时间使用该模板创建一个新元素,并将其插入网格上的空白区域。请告诉我们您迄今为止尝试了什么?@Titus在哪个web平台中我可以构建网格并将模板插入该网格?谢谢!