js 状态栏逐字显示文字

简介: 效果图:

1.png

2.png

1359992595_7941.png

4.png

5.png

6.png

7.png

8.png

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head>

<title>状态栏 逐字显示一句话</title>

<script type="text/javascript">

var i=0;

var iIntervalID=0;

var info="";

var arr=["临","沂","大","学","欢","迎","您","!"];

function  interval(){

       if(i<arr.length)

 {

  info=info+arr[i];

  window.status=info;

  i++;

       }else

       {

   i=0;

   info="";

 }  

 }

function showInfo()

{

   iIntervalID = window.setInterval("interval()",2000);

}

function cancelInfo(){

  window.clearInterval(iIntervalID);

}

</script>

</head>

<body>

<input type="button" value="逐字显示一句话" οnclick="showInfo()">

<br/>

<br/>

<input type="button" value="取消逐字显示效果" οnclick="cancelInfo()">

</body>

</html>

相关文章
|
6月前
|
JavaScript 前端开发 安全
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
159 0
|
6月前
|
移动开发 JavaScript 前端开发
分享111个JS文字特效,总有一款适合您
分享111个JS文字特效,总有一款适合您
262 0
|
1月前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
52 5
|
1月前
|
JavaScript
js文字如何轮播?
js文字如何轮播?
13 1
|
3月前
|
JavaScript
js文字如何轮播?
js文字如何轮播?
27 2
|
3月前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
46 3
|
5月前
|
JavaScript 前端开发 安全
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印 1. 信息标识: 水印可以用于标识文档的所有者、保密级别、状态或其他相关信息,帮助用户更好地理解文档内容的属性。 2. 版权保护: 在文档中添加水印可以帮助保护内容的版权,防止他人未经授权地复制、转载或篡改内容。 3. 安全保护: 对于敏感信息或机密文档,添加水印可以帮助防止信息泄露,提高文档的安全性。 4. 提升专业性: 在一些场景下,如商业报告、合同文件等,添加水印可以增加文档的专业性和正式性。 5. 防止截屏或拷贝: 在网页中添加水印可以防止用户通过截屏或复制粘贴等方式非法获取文档内容。
77 1
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印
|
5月前
|
前端开发 JavaScript
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
保存网页中的css和js文件,网站保存,复制网站不可复制的文字,网站抠图
38 0
|
JavaScript 前端开发 Windows
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)
|
6月前
|
前端开发
html+css+js实现自动敲文字效果
html+css+js实现自动敲文字效果
57 0