html逐字输出

77 阅读 0 评论 51 点赞

我是靠谱客的博主包容山水，最近开发中收集的这篇文章主要介绍html逐字输出，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

将下面的内容保存为.html或者.jsp文件，用浏览器运行即可看到效果！！！
此功能配上背景图片（星空夜景）可以很炫酷，配上背景音乐，也可以很煽情···


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Js逐字显示</title>
<script language="javascript">
 content = "运动之后有三忌：1坐下休息；2立即洗澡；3进食大量甜食，以及凉水（要喝温开水）";
 i = 0;
 function show(){  
 str  = content.substr(0,i); 
 txt.innerHTML = str + "_"; 
 i++; 
 if (i>content.length)i=0; 
 setTimeout("show()",200); }
</script>
</head>
<body onLoad="show()">
<div id="txt"></div>
</body>
</html>