{"id":2029,"date":"2017-04-11T15:29:15","date_gmt":"2017-04-11T07:29:15","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2029"},"modified":"2017-04-11T15:29:15","modified_gmt":"2017-04-11T07:29:15","slug":"%e8%b6%85%e5%ae%9e%e7%94%a8%e7%9a%84javascript%e4%bb%a3%e7%a0%81%e6%ae%b5-%e6%89%93%e5%ad%97%e6%9c%ba%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2029","title":{"rendered":"\u8d85\u5b9e\u7528\u7684JavaScript\u4ee3\u7801\u6bb5—\u6253\u5b57\u673a\u6548\u679c"},"content":{"rendered":"
<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>\u5b9e\u73b0\u6253\u5b57\u673a\u6548\u679c<\/title>\r\n\t<style>\r\n\t\ttd {\r\n\t\t\tborder: 1px solid #ccc;\r\n\t\t\theight: 50px;\r\n\t\t\ttext-align: center;\r\n\t\t\tfont-size: 10px;\r\n\t\t\tpadding: 2px;\r\n\t\t}\r\n\t\t#typewriterEffect2 {\r\n\t\t\ttext-indent: 2rem;\r\n\t\t\ttext-shodow: 0 0 2px gray;\r\n\t\t\tpadding: 5px;\r\n\t\t\ttransition: all 0.3s linear;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tfont-size: 25px;\r\n\t\t\twidth: 500px;\r\n\t\t}\r\n\t<\/style>\r\n<\/head>\r\n<body>\r\n\t<h2>\u5b9e\u73b0\u6253\u5b57\u673a\u6548\u679c<\/h2>\r\n\t<p id=\"typewriterEffect\"><\/p>\r\n\t<p id=\"typewriterEffect2\"><\/p>\r\n\t<script>\r\n\t\twindow.onload = function(){\r\n\t\t\tvar typewriterArr = [],\/\/\u6253\u5b57\u7684\u6570\u636e\u5e93\u961f\u5217\r\n\t\t\t\ttypewritering = false,\/\/\u6253\u5b57\u673a\u7684\u7ebf\u7a0b\u662f\u5426\u5f00\u542f\r\n\t\t\t\ttypewriterID = -1,\/\/\u6253\u5b57\u673a\u7684\u7ebf\u7a0bID\r\n\t\t\t\ttypewriterTime = 200,\/\/\u5b9a\u65f6\u8c03\u7528\u7684\u65f6\u95f4\r\n\r\n\t\t\t\ttypewriterEffect = function(e,str,color){\/\/\u589e\u52a0\u663e\u793a\u7684\u5143\u7d20\r\n\t\t\t\t\ttypewriterArr.push({\r\n\t\t\t\t\t\t\"context\":e,\/\/\u76ee\u6807\u5143\u7d20\u4e0a\u4e0b\u6587\r\n\t\t\t\t\t\t\"str\":str,\/\/\u663e\u793a\u7684\u5143\u7d20\r\n\t\t\t\t\t\t\"lening\":0,\/\/\u622a\u53d6\u7684\u8fdb\u5ea6\r\n\t\t\t\t\t\t\"maxLength\":str.length\/\/\u6700\u5927\u8fdb\u5ea6\r\n\t\t\t\t\t});\r\n\t\t\t\t\te.style.color = color||\"#000000\";\/\/\u8bbe\u7f6e\u5143\u7d20\u989c\u8272\r\n\t\t\t\t},\r\n\t\t\t\tcloseTypewriter = function(){\/\/\u5173\u95ed\u5b9a\u65f6\u8c03\u7528\r\n\t\t\t\t\tclearTimeout(typewriterID);\/\/\u6e05\u9664\u7ebf\u7a0b\r\n\t\t\t\t\ttypewritering = false;\/\/\u6539\u53d8\u72b6\u6001\r\n\t\t\t\t},\r\n\t\t\t\ttypewriterUi = function(){\/\/\u5b9a\u65f6\u8c03\u7528\u663e\u793aUI\r\n\t\t\t\t\tvar i = 0,\r\n\t\t\t\t\t\tl = typewriterArr.length,\r\n\t\t\t\t\t\teing = null;\r\n\t\t\t\t\tfor(;i<1;i++){\r\n\t\t\t\t\t\teing = typewriterArr[i];\r\n\t\t\t\t\t\t\/*\u5224\u65ad\u4e2d\u82f1\u6587\u8fdb\u884c+2\u6216+1\u64cd\u4f5c\r\n\t\t\t\t\t\t\u9012\u589e\uff0c\u83b7\u53d6\u6700\u65b0\u622a\u53d6\u7684\u957f\u5ea6*\/\r\n\t\t\t\t\t\teing.lening++;\r\n\t\t\t\t\t\t\/\/\u5982\u679c\u622a\u53d6\u7684\u957f\u5ea6\u8d85\u8fc7\u6700\u5927\u957f\u5ea6\uff0c\u6cfd\u622a\u53d6\u7684\u957f\u5ea6\u8bbe\u7f6e\u4e3a1\r\n\t\t\t\t\t\tif(eing.lening>eing.maxLength)eing.lening = 0;\r\n\t\t\t\t\t\t\/\/\u663e\u793a\u622a\u53d6\u7684\u5b57\u7b26\r\n\t\t\t\t\t\teing.context.innerHTML = eing.str.substring(0,eing.lening)+\"_\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\ttypewriterID = setTimeout(typewriterUi,typewriterTime);\r\n\t\t\t\t};\r\n\t\t\t\t\/\/\u9694\u65f6\u95f4\u8c03\u7528\u4e00\u6b21\u5b9a\u65f6\u5668\uff0c\u751f\u6210\u4e00\u4e2a\u968f\u673a\u989c\u8272\r\n\r\n    \t\t\tfunction time(){\r\n    \t\t\t\tconsole.log(1);\r\n    \t\t\t\tsetInterval(ran,1000);  \r\n\r\n    \t\t\t\tfunction ran() {\r\n      \t\t\t\t\tvar x = Math.floor(Math.random() * (255 - 0 + 1) + 0);\r\n      \t\t\t\t\tvar y = Math.floor(Math.random() * (255 - 0 + 1) + 0);\r\n      \t\t\t\t\tvar z = Math.floor(Math.random() * (255 - 0 + 1) + 0);\r\n      \t\t\t\t\tvar color = \"rgb(\" + x + \",\" + y + \",\" + z + \")\";     \t\t\t\r\n      \t\t\t\t\ttypewriterEffect2.style.color=color;\t\t\t   \t\t\t\t\r\n    \t\t\t\t}\r\n    \t\t\t};\r\n\t\t\t\t\/\/\u5f00\u542f\u5b9a\u65f6\u8c03\u7528\uff0c\u53c2\u6570\u4e3a\u8bbe\u7f6e\u5b9a\u65f6\u5668\u8c03\u7528\u7684\u65f6\u95f4\r\n\t\t\t\tstartTypewriter = function(){\r\n\r\n\t\t\t\t\tif (!typewritering) {\/\/\u5982\u679c\u6ca1\u6709\u5f00\u542f\uff0c\u5219\u5f00\u542f\r\n\t\t\t\t\t\ttypewriterTime = typewriterTime||typewriterTime;\r\n\t\t\t\t\t\ttypewriterUi();\/\/\u5f00\u59cb\u5b9a\u65f6\u8c03\u7528\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\t\t\t\ttypewriterEffect(\r\n\t\t\t\t\tdocument.getElementById(\"typewriterEffect2\"),\"\u6211\u5316\u5c18\u57c3\u98de\u626c\uff0c\u8ffd\u5bfb\u8d64\u88f8\u9006\u7fd4\u3002\r\n\u5954\u53bb\u4e03\u6708\u5211\u573a\uff0c\u65f6\u95f4\u70e7\u707c\u6eda\u70eb\u3002\u56de\u5fc6\u6495\u6bc1\u81c6\u60f3\uff0c\u8def\u4e0a\u884c\u8d70\u5306\u5fd9\u3002\u96be\u80fd\u53ef\u8d35\u4e16\u4e0a\uff0c\u6563\u64ad\u7559\u9999\u78c1\u573a\u3002\u6211\u6b32\u4e58\u98ce\u7834\u6d6a\uff0c\u8e0f\u904d\u9ec4\u6c99\u6d77\u6d0b\u3002\u4e0e\u5176\u8bef\u4f1a\u4e00\u573a\uff0c\r\n\u4e5f\u8981\u4e0d\u8d1f\u52c7\u5f80\u3002\u6211\u613f\u4f60\u662f\u4e2a\u8c0e\uff0c\u4ece\u672a\u51fa\u73b0\u5357\u5899\u3002\u7b11\u662f\u795e\u7684\u4f2a\u88c5\uff0c\u7b11\u662f\u5f3a\u5fcd\u7684\u4f24\",time()\r\n\t\t\t\t);\r\n\t\t\t\tstartTypewriter(100);\r\n\t\t}\r\n\t<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a\u524d\u7aefABC<\/a> » \u8d85\u5b9e\u7528\u7684JavaScript\u4ee3\u7801\u6bb5—\u6253\u5b57\u673a\u6548\u679c<\/a><\/p>","protected":false},"excerpt":{"rendered":"
<!doctype html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2029"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2029"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2029\/revisions"}],"predecessor-version":[{"id":2030,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2029\/revisions\/2030"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2029"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}