标签:小代码 项目使用 文字逐渐打印 循环打印 一字一字地展现 javascript js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script src="common.js"> </script>
</head>
<body>
<div id="wzcontent"></div><br>
<div id="wz"></div><br>
<textarea>
//common.js
window.onload=function()
{
var d = document.getElementById(‘wz‘);//通过id获取div节点对象
var now = new Date();var hour = now.getHours();
var s=new Array();
s[0] = "夜间"; s[1] = "凌晨"; s[2] = "早间"; s[3] = "上午"; s[4] = "午间"; s[5] = "下午";s[6] = "傍晚";s[7] = "晚间"; s[8] = "夜间";
d.innerHTML = d.innerHTML + "毕业设计管理系统,"+s[ parseInt(hour/3)]+"欢迎您~~!";//在div中追加内容
var ocontent=document.getElementById("wzcontent");
var str="科大欢迎您,只有奋斗才会有美好的未来 !"; var i=0;
function done()
{
if(i<str.length) ocontent.innerHTML=str.substring(0,i+1);
else funwz(); i=i+1;
}
setInterval(done,200);
function funwz() { i=-2;}
}
</textarea>
</body>
</html>小代码 项目使用 文字逐渐打印 循环打印 一字一字地展现 javascript js
标签:小代码 项目使用 文字逐渐打印 循环打印 一字一字地展现 javascript js
原文地址:http://wzsts.blog.51cto.com/10251779/1795956