Javascript 键入效果-添加回车符和闪烁光标_Javascript

Javascript 键入效果-添加回车符和闪烁光标

javascript

Javascript 键入效果-添加回车符和闪烁光标,javascript,Javascript,我一直在使用由提供的一个简单的打字效果脚本打字效果-由数不胜数 var指数=0； var text='Lorem ipsum dolor sit amet，concetetur adipsicing elit。佩伦特斯·廷西登、坦普斯·特里斯蒂克的纳拉、利奥·莫莱斯蒂的尼斯、莫瑞斯·莫瑞斯·奥迪奥的前庭。在威尼斯人之门的同侧生命之路。节前整数。非孕期妇女使用viverra sollicitudin velit。Phasellus坐在阿梅特·托托·奥迪奥的位子上。我是莱克图斯·尼尔，我是比本杜

我一直在使用由提供的一个简单的打字效果脚本


打字效果-由数不胜数
var指数=0；
var text='Lorem ipsum dolor sit amet，concetetur adipsicing elit。佩伦特斯·廷西登、坦普斯·特里斯蒂克的纳拉、利奥·莫莱斯蒂的尼斯、莫瑞斯·莫瑞斯·奥迪奥的前庭。在威尼斯人之门的同侧生命之路。节前整数。非孕期妇女使用viverra sollicitudin velit。Phasellus坐在阿梅特·托托·奥迪奥的位子上。我是莱克图斯·尼尔，我是比本杜姆，我是酒后驾车。前庭非爱神狮子座。梅塞纳斯·汀西登·森佩尔·图尔皮斯，一位三分之一的普鲁斯·普雷蒂姆·西特。不允许侵权行为。不允许侵权行为。非猫科动物的生命之言。这是一种不含酒精的饮料。这是一个很好的例子；
//在这里，你可以输入你想输入的文本。
函数类型（）{
document.getElementById（'screen'）.innerHTML+=text.charAt（索引）；
指数+=1；
var t=setTimeout（'type（）'，100）；
//此处每个字符所用的时间为100毫秒。如果需要，您可以更改它。
}

我想在

var文本中添加回车。

目前未识别到任何“\n”、“\r”、
Unicode表示或HTML标记
我还想在var text
字符串中键入的字母之前添加一个闪烁的光标
任何帮助都将不胜感激
以下是中的代码，请将输出标记更改为
并使用\n
，或者继续使用
并使用
instead@Ian：只是
元素不能与这个简单的实现一起工作。查看problem@Bergi说得好。很好的解决方案：）试试看。虽然我从未尝试过，但它们支持HTML标记和闪烁光标，可以帮助您实现回车效果。如果不需要HTML标记，那么您可以尝试获得更多效果。
<html>    
    <head>
        <title>Typing Effect - by Zillion</title>
        <script type='text/javascript'>
            var index = 0;
            var text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tincidunt, nulla at tempus tristique, nisl leo molestie est, ut vestibulum mauris mauris a odio. Sed at massa vitae ipsum venenatis porta. Integer iaculis pretium tempus. Donec viverra sollicitudin velit non gravida. Phasellus sit amet tortor odio. Vivamus lectus nisl, suscipit porttitor bibendum ut, tristique quis dui. Vestibulum non eros leo. Maecenas tincidunt semper turpis, a tristique purus pretium sit amet. Praesent nec neque tortor.Donec suscipit tristique ante quis molestie. Phasellus ac lacus non felis faucibus dictum vitae ac ipsum. Sed pharetra nulla sodales nulla porta imperdiet. Quisque pretium hendrerit laoreet.';
            // Here you can put in the text you want to make it type.
            function type() {
                document.getElementById('screen').innerHTML += text.charAt(index);
                index += 1;
                var t = setTimeout('type()', 100);
                // The time taken for each character here is 100ms. You can change it if you want.
            }
        </script>
    </head>

    <body onload='type()'>
        <!-- And here, you create the container in which you display the typed text -->
        <div id='screen'></div>
    </body>
</html>