文档章节

JS实现打字效果

3岁的小黄瓜
 3岁的小黄瓜
发布于 2016/04/21 17:10
字数 132
阅读 6
收藏 0
<script>
var str = "我来冒泡,就是想看看我的小可爱去哪儿了,因为她很久都没有理我了,我只有这样,才可以引起他的注意!";
   var arr = [];
   var j = 0;
   var settimeout;
   window.onload = function() {
        for (var i = 0; i < str.length; i++) {
         arr[i] = str.charAt(i);
        }
        console.log("arr:" + JSON.stringify(arr));
        writeWords();
   }
   function writeWords() {
        var writespace = document.getElementById("writespace");
        var createSpsn = document.createElement("span");
        createSpsn.innerText = arr[j];
        writespace.appendChild(createSpsn);
        j++;
        settimeout = setTimeout("writeWords()", 100);
        if (j >= str.length) {
         clearTimeout(settimeout);
        }
   }
</script>

© 著作权归作者所有

上一篇: angularjs弹出层
3岁的小黄瓜
粉丝 1
博文 22
码字总数 6747
作品 0
深圳
私信 提问
java开发wap网站,返回上一页怎么实现?

RT,现在返回上页是request.getHeader("referer")这样实现的,但是这样回导致循环上一页的情况,就是俩个页面来回切换,而不能达到回退的需求。不知道wap中不能使用js的情况下怎么实现回退效...

走位风骚闪着腰
2012/02/09
2.4K
3
10 新鲜的 jQuery 插件(2012年1月)

1. jQuery UI Bootstrap 一个基于 Twitter Bootstrap 的 jQuery UI 主题 2. jqGrid 这是非常棒的jQuery 表格插件,在线演示:here. 3. Cloud Zoom Cloud Zoom 是一个小型的图像放大镜插件,放...

红薯
2012/02/01
4.8K
6
Scene.js 库:CSS创建动画基于时间轴的动画

Scene.js 是一个基于 JavaScript 时间轴的动画库,用于创建动画网站,作为一个动画时间轴库,它允许你创建对象的移动和位置的时间顺序。 此外,由于 Scene.js 的语法类似于 CSS 动画,同时还...

五个半柠檬
07/02
76
0
6 个精彩的 jQuery 游戏开发教程

随着HTML5和浏览器技术的发展,越来越多的应用和游戏开始使用HTML5/JavaScript或jQuery进行重写。 本文带来了6个教程,帮助你使用jQuery来开发游戏。 1. Sumon数字游戏 学习如何使用jQuery开...

oschina
2012/06/22
2.6K
5
前端基础-JavaScript

开发工具与关键技术:DW/浏览器 ;简单使用js。 作者:刘佳明 撰写时间:2019年1月 18 日 前面已经随手写过了关于网页编辑的一些基础布局和标签的认识;这篇文章在这里为大家简单的介绍一下关...

没有,
01/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.4K
15
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
41
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部