{"id":3545,"date":"2015-07-17T13:37:48","date_gmt":"2015-07-17T05:37:48","guid":{"rendered":"http:\/\/www.wpadmin.cn\/blog\/?p=3545"},"modified":"2015-07-17T14:52:18","modified_gmt":"2015-07-17T06:52:18","slug":"javascript%e9%80%89%e9%a1%b9%e5%8d%a1%e5%88%87%e6%8d%a2%e9%80%9f%e5%ba%a6%e6%8e%a7%e5%88%b6%e5%ae%9e%e4%be%8bdemo","status":"publish","type":"post","link":"https:\/\/www.wpadmin.cn\/blog\/3545.html","title":{"rendered":"javascript\u9009\u9879\u5361\u5207\u6362\u901f\u5ea6\u63a7\u5236\u5b9e\u4f8bDemo"},"content":{"rendered":"<div class=\"dp-highlighter\">\n<div class=\"bar\"><\/div>\n<ol class=\"dp-j\" start=\"1\">\n<li class=\"alt\"><span><span>&lt;!DOCTYPE&nbsp;html&gt;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&lt;html&gt;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&lt;head&gt;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&lt;title&gt;javascript\u9009\u9879\u5361\u5207\u6362\u901f\u5ea6\u63a7\u5236\u5b9e\u4f8bDemo&lt;\/title&gt;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta&nbsp;http-equiv=<span class=\"string\">&#8220;Content-Type&#8221;<\/span><span>&nbsp;content=<\/span><span class=\"string\">&#8220;text\/html;&nbsp;charset=utf-8&#8221;<\/span><span>\/&gt;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&lt;script&nbsp;src=<span class=\"string\">&#8220;http:\/\/libs.baidu.com\/jquery\/1.9.0\/jquery.js&#8221;<\/span><span>&gt;&lt;\/script&gt;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&lt;\/head&gt;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&lt;body&gt;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&lt;script&nbsp;style=<span class=\"string\">&#8220;text\/javascript&#8221;<\/span><span>&gt;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>var&nbsp;time&nbsp;=<span class=\"number\">0<\/span><span>;<\/span><span class=\"comment\">\/\/\u533a\u5206\u7b2c\u51e0\u6b21\u70b9\u51fb<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>$(<span class=\"string\">&#8220;#xgt&nbsp;a&#8221;<\/span><span>).click(function(){&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"comment\">\/\/\u70b9\u51fb\u901f\u5ea6\u63a7\u5236<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">if<\/span><span>(time==<\/span><span class=\"number\">1<\/span><span>){&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">if<\/span><span>(!qiehuan())<\/span><span class=\"keyword\">return<\/span><span>&nbsp;<\/span><span class=\"keyword\">false<\/span><span>;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"comment\">\/\/\u7b2c\u4e00\u6b21\u70b9\u51fb\u540e\u6539\u4e3a1<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;time&nbsp;=<span class=\"number\">1<\/span><span>;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"comment\">\/\/\u83b7\u53d6\u672c\u6b21\u70b9\u51fb\u540e\u7684\u65f6\u95f4\u6233\u6beb\u79d2<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;nowTimestamp&nbsp;=<span class=\"keyword\">new<\/span><span>&nbsp;Date().getTime();&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"comment\">\/\/\u5b9e\u884c\u5207\u6362<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class=\"string\">&#8220;#xgt&nbsp;a&#8221;<\/span><span>).removeClass(&#8216;active&#8217;);&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;$(<span class=\"keyword\">this<\/span><span>).addClass(<\/span><span class=\"string\">&#8220;active&#8221;<\/span><span>)&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;func&nbsp;=&nbsp;$(<span class=\"keyword\">this<\/span><span>).attr(&#8216;function&#8217;);&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;$.post(<span class=\"string\">&#8220;\/mpyp\/get_cases_xgts&#8221;<\/span><span>,&nbsp;{&nbsp;func:func,id:id},&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;function(data){&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">if<\/span><span>(data){&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;obj&nbsp;=&nbsp;JSON.parse(data);&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">if<\/span><span>(obj.imgs&nbsp;!=<\/span><span class=\"string\">&#8221;<\/span><span>){&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class=\"string\">&#8220;#xgt_show&#8221;<\/span><span>).html(obj.imgs);&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class=\"string\">&#8220;#func_name&#8221;<\/span><span>).html(obj.func);&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>});&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span><span class=\"comment\">\/\/\u5207\u6362\u901f\u5ea6\u63a7\u5236\u51fd\u6570<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>function&nbsp;qiehuan()&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;curTimestamp&nbsp;=&nbsp;<span class=\"keyword\">new<\/span><span>&nbsp;Date().getTime();<\/span><span class=\"comment\">\/\/\u672c\u6b21\u70b9\u51fb\u65f6\u95f4\u6233\u6beb\u79d2<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"comment\">\/\/\u6362\u6210\u79d2\u5224\u65ad<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">if<\/span><span>(curTimestamp\/<\/span><span class=\"number\">1000<\/span><span>&nbsp;&#8211;&nbsp;nowTimestamp\/<\/span><span class=\"number\">1000<\/span><span>&lt;=<\/span><span class=\"number\">3<\/span><span>)&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(&#8216;\u5207\u6362\u901f\u5ea6\u8fc7\u4e8e\u5feb!&#8217;)&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">return<\/span><span>&nbsp;<\/span><span class=\"keyword\">false<\/span><span>;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">return<\/span><span>&nbsp;<\/span><span class=\"keyword\">true<\/span><span>;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&lt;\/script&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&lt;\/body&gt;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&lt;\/html&gt;&nbsp;&nbsp;<\/span><\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE&nbsp;html&gt;&nbsp;&nbsp; &lt;html&gt;&nbsp;&nbsp; &lt;head&gt;&#038;nbs&#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[63],"tags":[],"_links":{"self":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/posts\/3545"}],"collection":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/comments?post=3545"}],"version-history":[{"count":0,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/posts\/3545\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/media?parent=3545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/categories?post=3545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpadmin.cn\/blog\/wp-json\/wp\/v2\/tags?post=3545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}