1、创建一个名称为 script_text 的html文件 。
2、添加一个 Script 对象引入js文件 设置id为 my_script_id_text,在script加入输出字符串的语句。
3、添加一个button按钮，在点击事件中加入自定义函数 为my_script_text。
4、在javascript中创建一个自定义函数 my_script_text。
5、在自定义函数中获取script对象。用 text属性获取 scripit中的内容，将获取的结果添加到p标签中显示。
古老的做法是用settimeout或者setinterval实现循环动画，但是这样就会造成题主说的，在且页面的时候会造成混乱。因为当页面失去焦点时浏览器不再渲染页面，但是settimeout/setinterval的请求不会停止，队列会一直堆积动画，当页面再次获得焦点时动画队列早已堆积了大量命令，就会导致动画混乱。
现在的做法，笼统地说，是使用requestanimationframe函数，用法和settimeout/setinterval类似，只不过requestanimationframe不接受时间参数,函数的执行频率由浏览器的渲染帧数决定，这就实现了由浏览器决定动画队列，避免了动画混乱。当然也可以使用一些现成的轮播
