jq挑战30天——打字机效果+小程序
生活随笔
收集整理的這篇文章主要介紹了
jq挑战30天——打字机效果+小程序
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!doctype?html> <html> <head> <meta?charset="utf-8"> <title>基于jQuery實現的打字機效果-jq22.com</title> <script?src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <div?id="text"></div> </body> <script> 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> 微信代碼：
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天——打字机效果+小程序的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 做梦梦到头发被烧了有什么征兆
- 下一篇： 女人做梦梦到蟒蛇是什么意思