下面是文字逐渐显现的JS代码
<pre id="wenzi"></pre>
<div style="display:none" id="zhujian">文字逐渐显示的JS,javascript实现
</div>
<script language="javascript">
var index=0;
var word=document.getElementById("zhujian").innerHTML;
function type(){
document.getElementById("wenzi").innerText = word.substring(0,index++);
}
setInterval(type, 500);
</script>

当然还要更多的代码

<!DOCTYPE html>
2
3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta charset="utf-8" />
6 <title>
7 js实现文字逐渐显示http://www.hiry.cn
8 </title>
9 <script type="text/javascript">
10 var paper = "js实现文字逐渐显示http://www.hiry.cn";
11 var count = 1;
12 function oneByOne()
13 {
14 var screen = paper.substr(0, count);
15 loopText.innerHTML = screen;
16 count++;
17 if (count > paper.length)
18 return;
19 setTimeout(oneByOne, 250);
20 }
21 onload = oneByOne;
22 </script>
23 <style type="text/css">
24 #test {
25 position:absolute;
26 right:15em;
27 top:1em;
28 width:1px;
29 color:#ff0000;
30 font-size:20px;
31 font-weight:bold;
32 }
33 </style>
34 </head>
35 <body>
36 <div id="test">
37 <p id="loopText"></p>
38 </div>
39 </body>
40 </html>

javascript实现文字逐渐显现的更多相关文章

  1. javaScript对文字按照拼音排序

    <title>JavaScript对文字按照拼音排序</title> <SCRIPT type="text/javascript"> funct ...

  2. 使用JavaScript完成文字向上间歇滚动

    使用JavaScript完成文字的间歇滚动 const init = (initData) => { const area = initData.area; // 设置单行滚动的高度: cons ...

  3. JavaScript实现文字跑马灯

    其实实现文字的跑马灯和实现图片轮播的原理是一样的. 下面是我自己实现的,文字的位置可以随便更改,效果不会变,文字的内容可以通过ajax获取,同时,可以直接用Jquery改写一下,很方便. <!D ...

  4. javascript里文字选中/选中文字

    一.获取/清除选中的文字 //获取选中的文字 document.getElementById("get").onclick = function () { var txt = wi ...

  5. 超出JavaScript安全整数限制的数字计算-BigInt

    JavaScript中的基本数据类Number是双精度浮点数,它可以表示的最大安全范围是正负9007199254740991,也就是2的53次方减一,在浏览器控制台分别输入Number.MAX_SAF ...

  6. 使用JS实现文字搬运工

    使用JS实现文字搬运工 效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html><head><meta http-equiv=&quo ...

  7. JavaScript URL汉字编码转换

    在使用url进行参数传递时,经常会传递一些中文名的参数或URL地址,在后台处理时会发生转换错误.在有些传递页面使用GB2312,而在接收页面使用UTF8,这样接收到的参数就可能会与原来发生不一致.使用 ...

  8. 学习React之前你需要知道的的JavaScript基础知识

    在我的研讨会期间,更多的材料是关于JavaScript而不是React.其中大部分归结为JavaScript ES6以及功能和语法,但也包括三元运算符,语言中的简写版本,此对象,JavaScript内 ...

  9. 第十篇：javaScript中的JSON总结

    参考网站:json中国,MDN json 一.必知基础    JSON 是JavaScript对象文字符号的一个子集,它可以自如的在JavaScript中使用.看下这个对象: var myJSONOb ...

随机推荐

  1. 安装MySQL Connector/C++并将其配置到VS2015中

    安装MySQL Connector/C++并将其配置到VS中 1.下载MySQL Connector/C++并安装 在下载地址:https://dev.mysql.com/downloads/conn ...

  2. java-Calendar类

    1.Calendar类的概述和获取日期的方法 * A:Calendar类的概述 * Calendar 类是一个抽象类,它为特定瞬间与一组诸如 YEAR.MONTH.DAY_OF_MONTH.HOUR ...

  3. MySQL Execution Plan--NOT EXISTS子查询优化

    在很多业务场景中,会使用NOT EXISTS语句来确保返回数据不存在于特定集合,部分场景下NOT EXISTS语句性能较差,网上甚至存在谣言"NOT EXISTS无法走索引". 首 ...

  4. MySQL 命令（导出数据）：mysqldump

    官方网址:https://dev.mysql.com/doc/refman/8.0/en/mysqldump.html

  5. 数组中只出现一次的数字（java实现）

    问题描述 一个整型数组里除了两个数字之外,其他的数字都出现了偶数次.请写程序找出这两个只出现一次的数字. 解题思路 如果数组中只有一个数字出现奇数次,则将数组中所有的数字做异或可得该数字. 数组中有两 ...

  6. c#读sql server数据添加到MySQL数据库

    using System;using System.Collections.Generic;using System.Text;using Console = System.Console;using ...

  7. flutter学习地址

      Flutter - 不一样的跨平台解决方案: 关于Flutter,你想知道的都在这里了!: Flutter 时间表 2015 年 4 月,Flutter(最初代号 Sky)在 Dart Devel ...

  8. JAVA 异常类型结构分析

    JAVA 异常类型结构分析 Throwable 是所有异常类型的基类,Throwable 下一层分为两个分支,Error 和 Exception. Error 和 Exception Error Er ...

  9. 搭建sparksql的hive测试环境

    sbt依赖 name := "Pi" version := "1.0" scalaVersion := "2.10.6" libraryDe ...

  10. Scrum Meeting 博客目录

    秘制牛肉团队 Scrum Meeting 博客汇总 一.Alpha阶段 团队第一次 # scrum meeting 团队第二次 # scrum meeting 团队第三次 # scrum meetin ...