当前位置: 首页 > Web前端 > HTML

教你实现一个页面自动打字的效果

时间:2023-03-28 17:52:40 HTML

鍓嶈█锛氭渶杩戝湪鍐欎竴涓被浼紈indows鍚姩椤电殑椤圭洰銆備笉鐭ラ亾澶у鏄惁杩樿寰梬indows涓粡鍏哥殑灏忓厜鏍囧姞杞介〉闈€傛垜绋嶅井淇敼浜嗕竴涓嬶紝鏁堟灉濡備笅锛?.鍏夋爣闂儊鏁堟灉瀹炵幇鎶€宸э細杩欓噷浣跨敤鐨勬槸UnoCSS锛屽鏋滀笉鐭ラ亾濡備綍浣跨敤UnoCSS锛屽彲浠ョ偣鍑讳笅闈㈢殑鏂囩珷銆傪煫别煄佹暀浣犲浣曞垱寤鸿嚜宸辩殑浠g爜浠撳簱锛夐鍏堝噯澶囦竴涓粦鑹茬殑鑳屾櫙銆傚叾瀹炲厜鏍囩殑鏍峰紡闈炲父闈炲父绠€鍗曪紝鍙渶瑕佸垱寤轰竴涓楂樺悎閫傜殑div锛岀劧鍚庡湪搴曢儴鍒涘缓涓€涓竟妗嗘晥鏋滃嵆鍙€備笅闈㈠簲璇ユ槸浣犵洰鍓嶇殑鏁堟灉銆傜幇鍦ㄦ垜浠娓呮鐨勭煡閬擄紝杩欎釜鐧借壊鍧楃殑鏄剧ず鍏跺疄灏辨槸鎴戜滑鎺у埗鏄剧ず鎴栬€呴殣钘忚繖涓猟iv鐨勮竟妗嗐€傞偅涔堢幇鍦ㄦ垜浠殑鎬濊矾灏卞緢娓呮櫚浜嗭紝閭d箞杩欓噷鍙渶瑕佸啓涓€涓彉閲忔潵鍔ㄦ€佸垏鎹㈣竟妗嗗€煎嵆鍙€傜幇鍦ㄤ綘鐨勯〉闈㈡晥鏋滃簲璇ユ槸涓€鐗囨紗榛戯紝閭d箞璋佹潵鍔ㄦ€佸垏鎹㈣繖涓姸鎬佸憿锛熻繖鍏跺疄寰堢畝鍗曘€傚綋椤甸潰鍔犺浇瀹屾垚鍚庯紝鎴戜滑鍙渶瑕佸惎鍔ㄤ竴涓畾鏃跺櫒灏卞彲浠ュ姩鎬佸垏鎹€傝繖鏃跺€欐垜浠叾瀹炲氨鍙互鐪嬪埌鏁堟灉浜嗭細2.鑷姩鎵撳瓧鏁堟灉鐨勫疄鐜伴鍏堣鏄庣‘涓€涓蹇点€傛垜浠幇鍦ㄨ鍋氱殑寰堢畝鍗曘€傛垜浠彧闇€瑕佸湪涓€鐧句釜div鍓嶉潰鎻掑叆鏂囧瓧鍗冲彲銆傚皢鐧借壊鍧楁帹鍥炪€傛墍浠ユ垜浠笉闇€瑕佸叧蹇冪櫧鑹插潡鐨勭Щ鍔紝鍙渶瑕佸鐞嗗浣曟彃鍏ュ瓧浣撳嵆鍙€傝繖閲屾垜浠厛鍑嗗涓€涓父閲忔潵鍐欏叆涓€涓叉枃鏈紝鐒跺悗鎴戜滑闇€瑕乺ef瑕佹斁缃枃鏈殑div锛屼负鍚庨潰鐨勫伐浣滃仛鍑嗗锛岀劧鍚庢垜浠渶瑕佸湪涓婇潰浣跨敤鐩稿叧鐨勫睘鎬с€傛帴涓嬫潵锛屾垜浠渶瑕佺紪鍐欎竴涓嚱鏁版潵澶勭悊杩欎釜闂銆傚悕绉板彲浠ラ殢鎰忛€夋嫨锛岀О涓篴utoPrint銆傝繖閲屾垜浠繕鏄渶瑕佸紑鍚竴涓惊鐜畾鏃跺櫒鏉ユ帶鍒讹紝鍥犱负鎴戜滑鏃犳硶鐭ラ亾鏈夊灏戞潯鏂囨湰锛屾墍浠ヤ笉鑰冭檻浣跨敤setTimeout銆傛垜浠繕闇€瑕佸噯澶囦袱涓彉閲忔潵瀛樻斁鎴戜滑鎺ヤ笅鏉ヨ澶勭悊鐨勬枃鏈俊鎭€備笅闈唬鐮佺殑鎬濊矾姣旇緝绠€鍗曘€傚叾瀹炲氨鏄皟鐢╯ubstring鏂规硶涓嶆柇鍒囧壊寰楀埌涓嬩竴涓瓧绗︿覆鐨勫€笺€傚瓙涓叉湰韬苟涓嶄細鏀瑰彉鍘熶覆锛屾墍浠ユ垜浠彧闇€瑕佹帶鍒剁储寮曞氨鍙互杞绘澗寰楀埌鏈€缁堢殑鍊笺€傛晥鏋滃涓嬶細鏈€鍚庡埆蹇樹簡閫傛椂娓呯┖杩欎釜瀹氭椂鍣ㄣ€傞€氱煡鏈€杩戞鍦ㄤ负绐楀彛瀹炵幇鍏ㄥUI銆侾C绔拰绉诲姩绔殑鏁堟灉瀹屽叏鑷€傚簲锛岄兘鏈変袱濂桿I銆傛湰鍛ㄦ垜浼氭洿鏂版嫋鎷借繖閬撶粡鍏搁潰璇曢鐨勫疄鐜帮紝渚濈劧浼氫娇鐢ㄩ€氫織鏄撴噦鐨勮垂鏇煎涔犳硶璁茶В銆傚鏋滄偍鏈夊叴瓒o紝璇风户缁叧娉ㄣ€傪煄?/p>