原生js实现打字机效果

2018-12-15 19:31:29  阅读 1680 次 评论 0 条


代码如下


<!DOCTYPE html><html><head>
	<meta charset="utf-8">
	<title>原生js简单的打字机特效</title></head><body>
	<p id="typer"></p>
	<script type="text/javascript">
	         var otyper = document.getElementById('typer'),
		    str = 'www.yangguangdream.com',
		     index = 0;

		typer();
		function typer(){
		    if(index <= str.length){
				otyper.innerHTML = str.slice(0,index++) + '_';
				var timer = setTimeout('typer()',200)//递归调用
			}else{
				otyper.innerHTML = str;//结束打字,移除 _ 光标
			}
		}
	</script></body></html>



微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2018
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?