小代码 项目使用   文字逐渐打印   循环打印   一字一字地展现   javascript   js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小代码 项目使用   文字逐渐打印   循环打印   一字一字地展现   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的主要内容,如果未能解决你的问题,请参考以下文章

小技巧:with用法 pycharm控制台输出带颜色的文字 打印进度条的

Bash 中的 Echo 换行符打印文字 \n

idea中scala项目补全变量添加打印语句的小技巧

javaScript 利用随机数和定时器完成几个有用的文字小操作 文字的滚动效果,文字的打印效果和文字的颜色闪烁

微信小程序项目实例——智能用电

PHP生成小程序二维码合成图片生成文字