码迷,mamicode.com
首页 > 其他好文 > 详细

方法多 自己多比较学习

时间:2016-07-05 15:45:22      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:小代码 html

//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; 
 var flag=null;
 
 function done()
{
    if(i<str.length)
  {
      ocontent.innerHTML=str.substring(0,i+1);     i=i+1;    
 }    
 else{      clearInterval(flag);   } 
 }
 flag=setInterval(done,200);
}

//html
 <!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>
</body>  
 </html>


方法多 自己多比较学习

标签:小代码 html

原文地址:http://wzsts.blog.51cto.com/10251779/1795937

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!