本来想在自己的主页上面加一个打字机的效果,结果去网上找到的代码看起来都好麻烦,于是自己写了一个。这个库是给纯小白用的(因为我自己也是小白),大牛请轻喷!
地址: https://github.com/Zhiqing-Lee/js-printer
1
BuilderQiu 2015-08-17 09:05:24 +08:00
SUSE是Sichuan University of ...?
|
2
iamcho 2015-08-17 09:05:42 +08:00
mark
|
3
lizhiqing1996 OP @BuilderQiu 是的
|
4
wsph123 2015-08-17 09:08:29 +08:00 1
createTextNode() 做更新好一些?
|
5
lizhiqing1996 OP @wsph123 我是小白,没怎么用过js。我能说我都不知道creatTextNode()是什么吗!T_T我先去看看
|
7
lolicon 2015-08-17 09:13:06 +08:00
$ I am study in SUSE
I am study |
8
df4VW 2015-08-17 09:15:11 +08:00
学弟摸摸头
|
9
lizhiqing1996 OP @gangsta 比我的牛多了!!!
|
10
lizhiqing1996 OP @lolicon 我期末英语考了59分,不要跟我说这些T_T
|
11
lizhiqing1996 OP @df4VW 学长四川理工的?
|
12
BuilderQiu 2015-08-17 09:17:49 +08:00
|
13
odirus 2015-08-17 09:19:19 +08:00
@BuilderQiu 活捉几枚校友
|
14
AlexaZhou 2015-08-17 09:20:34 +08:00 1
看起来不错,赞一个,已Star ~
|
15
BuilderQiu 2015-08-17 09:21:18 +08:00
|
16
lizhiqing1996 OP @AlexaZhou 谢谢,看了上面那个的作品我才知道自己的有多差T_T
|
17
jiyee 2015-08-17 09:22:31 +08:00
浓浓的C语言气息。
|
18
lizhiqing1996 OP |
19
odirus 2015-08-17 09:24:04 +08:00
@lizhiqing1996 机械设计,现在码农
|
20
ijse 2015-08-17 09:24:10 +08:00
兼容性允许的话,纯CSS3也可以实现的~~
|
21
lizhiqing1996 OP @jiyee 主要是没怎么写过js
|
22
lizhiqing1996 OP @ijse 那都是大神干的事了,我这种css2都用不好的还是看看就行了
|
23
gsanidt 2015-08-17 09:33:08 +08:00
又一个SUSE的
|
24
BuilderQiu 2015-08-17 09:54:40 +08:00
|
25
spring5413 2015-08-17 10:08:46 +08:00 1
个人建议:
1.使用面向对象方式来写,写一个 Printer 类,每次 new 一下就行了 2.不要单独设置配置项,最好是能实现 obj 参数传递 仅是个人建议!不过效果还是挺好的 |
26
Wangxf 2015-08-17 10:33:08 +08:00
也写了一个
<div id='mydiv'></div> <script> str='hello,V2EX'; function print (str,conId,speed ){ var oconId=document.getElementById (conId ); var strs=str.split (''); var count=0,timer=null; timer=setInterval (function (){ if (count==strs.length ){clearInterval (timer );return} var letterNode=document.createTextNode (strs[count]); oconId.appendChild (letterNode ); count++; },speed ) } print (str,'mydiv',60 ); </script> |
27
lizhiqing1996 OP @spring5413 谢谢建议,没怎么写过 js ,不知道怎么用 js 写类,等下去看看,我最开始就是用参数传递的方式写的,不过考虑到参数太多就改成配置这种了,还是等下去看看有没有更好的方法
|
28
lizhiqing1996 OP @Wangxf 比我刚开始写那个好很多,我写那个连参数传递都没有,直接在函数里调用的
|
29
hippoboy 2015-08-17 10:54:55 +08:00
这个写的挺好
|
30
lizhiqing1996 OP @hippoboy 谢谢夸奖
|
31
eoo 2015-08-17 12:45:04 +08:00 via Android 1
下面这个不是很简单吗?
<html> <head> <title>Js 实现逐字在网页上打印文字</title> <script language="javascript"> text = "Js 实现逐字在网页上打印文字"; i = 0; function type (){ str = text.substr (0,i ); txt.innerHTML = str + "_"; i++; if (i>text.length ){ i=0; //return 加入则 text 显示完后,停止。 } setTimeout ("type ()",300 ); } </script> </head> <body onLoad="type ()"> <div id="txt"></div> </body> </html> |
32
lizhiqing1996 OP @eoo 你这是打脸啊!不过效果有点不一样吧,我不想要文字后面一直跟着光标那种效果
|
33
eoo 2015-08-17 12:56:55 +08:00 via Android
|
34
lizhiqing1996 OP @eoo 我的意思是"_"要若隐若现地出现在文字后面,一会儿有一会儿没有那种
|
35
zythum 2015-08-17 13:36:02 +08:00
|
36
Kilerd 2015-08-17 14:46:09 +08:00 1
echo You can browse more from zhiqing.ingo
厉害,自己的域名都打错了 |
37
void1900 2015-08-17 15:25:11 +08:00
"line1\n\
line2\n\ line3\n\ line4" js 字符串换行方法 每行结尾加 \ |
38
lizhiqing1996 OP @zythum 嗯嗯,谢谢
|
39
lizhiqing1996 OP @Kilerd 没有注意到....
|
40
lizhiqing1996 OP @void1900 哦哦,我就说怎么直接换行不行
|
41
napsterwu 2015-08-17 16:16:40 +08:00 1
强迫症发作提了个 pr ,给重构了下。
|
42
youchoudeyu 2015-08-17 16:37:08 +08:00
貌似有个东西叫 typed.js
|
43
lizhiqing1996 OP @napsterwu 比我那个好多了,已合并
|
44
lizhiqing1996 OP @youchoudeyu 我刚刚也看到了,好像还有个叫 typing 的
|
45
lizhiqing1996 OP @napsterwu 不会用 github ,貌似已经把源码搞乱了。。。。
|
46
napsterwu 2015-08-17 16:57:02 +08:00
不是可以一键合吗,你把所有<<<<<<< HEAD 或者=========中间的内容,一份是你的 一份是我的,看好了删就行了
|
47
lizhiqing1996 OP @napsterwu 哦哦,懂了
|
48
vmebeh 2015-08-17 17:11:18 +08:00 1
演示的“ Console ”没有垂直居中
版本 44.0.2403.155 m Google Chrome 已是最新版本。 |
49
lizhiqing1996 OP @vmebeh 哦哦,这个好像是字体问题,等下改改
|
50
julijulilijuliju 2015-08-17 18:06:57 +08:00 via Android
Awesome 就是棒棒哒!
|
51
lizhiqing1996 OP @julijulilijuliju 什么东西
|
52
julijulilijuliju 2015-08-17 20:49:35 +08:00 via Android
@lizhiqing1996 Hmm, 就是看大家的合作很暖和的意思,楼主给人一种火星访客的赶脚,而且好认真的样子, hmmmm, 像我!
|
53
fhefh 2015-08-17 21:24:09 +08:00
mark ~
|
54
lizhiqing1996 OP @julijulilijuliju 之前确实很少来这些地方,
|
55
pandada8 2015-08-17 21:33:50 +08:00 1
demo 字体 fallback 可以考虑改成 monospace , linux 和 mac 底下直接炸了
|
56
lizhiqing1996 OP @pandada8 感觉用 monospace 在 linux 下偏大,字体调小后在 windows 上又偏小...感觉做前端的好累
|
57
pandada8 2015-08-17 22:11:23 +08:00
@lizhiqing1996 linux 用户大约都有一套自己配置好的 fontconfig ,反正不管怎么说 sans-serif 作为终端的 fallback 字体未免有些过不去
|
58
lizhiqing1996 OP @pandada8 嗯嗯,已经改成 monospace ,之前一直在 windows 上弄的,不知道 linux 下什么效果
|
59
kn007 2015-08-17 22:46:56 +08:00
*
|
60
nor 2015-08-17 23:27:05 +08:00
star 以示支持。
|
61
mingyun 2015-08-30 20:35:24 +08:00
star
|
62
HDMXXXX 2017-02-22 13:49:45 +08:00
本来想提个建议的,可是注册后等了两个多小时。
哎。。 我觉得网上评论系统最好的莫过于多玩图库下面的,直接就可以回复,游客显示 ip 或者所在地之类的。 每天回复量不少,也没见过有广告什么的。 但是大多数网站都是各种烦,登陆,注册,等待等待等待。 这样是为了什么实在想不通,一系列的东西为了防止广告,机器等等,但是对用户也变得很不友好。 T i p :上面纯属发牢骚,请无视。 |