jq挑战30天——打字机效果+小程序

<!doctype html>

<html>

<head>

<title>基于jQuery实现的打字机效果-jq22.com</title>

<style>

</style>

</head>

<body>

</body>

var _text = '博客天下\nabc\-博客\n\天下排行榜—网易云阅读。最好最全的在线免费阅读博客天下的网站。支持手机阅读支持手机阅读支持手机阅读支持手机阅读';

var _index = 0;

var tid = setInterval(function(){

var _div = $('#text').html();

$('#text').html(_div+_text[_index])

if(_text[_index]=='。'){

$('#text').html(_div+_text[_index] + '<br>')

}

if(_text.length == _index+1){

clearInterval(tid);

}

_index++;

},100)

</script>

</html>

微信代码：

//index.js
//获取应用实例
var app = getApp()
Page({
data: {
text:''
},
onLoad: function () {

},
onShow:function(){
var _data = this.data;
var _this = this;
var _text = '博客天下\nabc\-博客\n\天下排行榜—网易云阅读。最好最全的在线免费阅读博客天下的网站。支持手机阅读支持手机阅读支持手机阅读支持手机阅读';
var _index = 0;

var tid = setInterval(function () {
var _div = _data.text;
_div = _div + _text[_index]
_this.setData({
text: _div
})
console.log(_div)
if (_text[_index] == '。') {
_div = _div + _text[_index] + '<br>'

}

if (_text.length == _index + 1) {
clearInterval(tid);
}
_index++;
}, 100)
}
})

转载于:https://www.cnblogs.com/zcp2017/p/7275165.html

jq挑战30天——打字机效果+小程序相关推荐

微信小程序动画效果,小程序animation动画
微信小程序动画效果最近一直在做小程序开发,在官方文档中无意间看到过渡动画效果,我就有点小激动,用每一个开发框架的时候我都最先研究动画和过渡闲来无事写了一个小demo <!--wxml代码-- ...
【小程序云开发】30分钟搭建个人相册小程序
文章目录前言最终效果准备工作小程序架构创建小程序云开发环境创建数据库搭建个人相册写在最后前言图片存储,是所有应用开发里最常见的场景之一. 本文将通过实战"个人相册小程序& ...
告别后端！阿里云小程序 Serverless 教你如何 30 分钟开发小程序！
CSDN摄于云栖大会整理 | 伍杏玲出品 | CSDN(ID:CSDNnews) 2018 年 9 月 12 日,支付宝小程序正式上线.仅仅过去一年时间,支付宝小程序发展飞速:月活跃用户数突破5亿 ...
小程序-输入关键字搜索，关键字在搜索列表中高亮效果
这里写自定义目录标题小程序-输入关键字搜索,关键字在搜索列表中高亮效果小程序-输入关键字搜索,关键字在搜索列表中高亮效果第一步:按照网上大神写的思路,在截取首位关键字空格方法出现找不到repl ...
微信小程序之数独挑战九宫格
微信现有的九宫格小程序感觉要么功能不好用,要么题不太好,自己做了一个,题用程序生成的都有唯一解,分为初级.中级.高级.大师: 入门级别比较简单,入门者很容易就能做答: 中级稍有难度,需要利用数独的基本 ...
小程序IOS页面下拉回弹效果
小程序IOS页面下拉回弹效果小程序在ios系统上的橡皮筋回弹效果,是ios特有的,目前小程序没有特有的方法去控制.根据业务需求不想要这个回弹的效果,故此记录一下解决方案: 方案一:当页面内容比较 ...
小程序「答题小助手」已经上线，欢迎你来答题挑战
点击上方SQL数据库开发,关注获取SQL视频教程 SQL专栏 SQL数据库基础知识汇总 SQL数据库高级知识汇总由公众号负责运营的小程序,「答题小助手」已于昨天正式上线. 首批上线的试题包含50道S ...
张小龙的小程序革命，复盘731天，用“小”来改变这个世界
张小龙的小程序革命,复盘731天,用"小"来改变这个世界微信8年,微信公开课PRO版5年.从2014年开始,几乎每年都有一场微信和张小龙的"约会". 昨天微信 ...
微信小程序 731 天
作者 | 潘越飞本文经授权转自锌财经(ID:xincaijing) 微信 8 年,微信公开课 PRO 版 5 年.从 2014 年开始,几乎每年都有一场微信和张小龙的"约会". ...

jq挑战30天——打字机效果+小程序

jq挑战30天——打字机效果+小程序相关推荐

最新文章

热门文章