小代碼項目使用文字逐漸打印循環打印一字一字地展示 javascript js

時間 2020-02-16

標籤代碼項目使用文字逐漸打印循環一字展示 javascript 欄目快樂工作简体版

原文原文鏈接

 <!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>