{"id":531,"date":"2019-04-22T12:36:16","date_gmt":"2019-04-22T04:36:16","guid":{"rendered":"http:\/\/blog.yyhcw.com\/?p=531"},"modified":"2019-04-22T12:38:23","modified_gmt":"2019-04-22T04:38:23","slug":"jquery-js%e5%ae%9e%e7%8e%b0%e4%b8%80%e4%b8%aa%e7%bd%91%e9%a1%b5%e5%a4%9a%e4%b8%aa%e5%80%92%e8%ae%a1%e6%97%b6%e5%8a%9f%e8%83%bd","status":"publish","type":"post","link":"http:\/\/blog.yyhcw.com\/post\/531.html","title":{"rendered":"jquery\/js\u5b9e\u73b0\u4e00\u4e2a\u7f51\u9875\u591a\u4e2a\u5012\u8ba1\u65f6\u529f\u80fd"},"content":{"rendered":"<!--wp-compress-html--><!--wp-compress-html no compression--><p>\u7f51\u4e0a\u770b\u5230\u4e00\u4e2a<a href=\"http:\/\/blog.yyhcw.com\/post\/tag\/%e5%80%92%e8%ae%a1%e6%97%b6\" class=\"tag-tooltip\" data-toggle=\"tooltip\" title=\"\u67e5\u770b\u66f4\u591a\u5173\u4e8e \u5012\u8ba1\u65f6 \u7684\u6587\u7ae0\" target=\"_blank\">\u5012\u8ba1\u65f6<\/a>\u529f\u80fd\uff0c\u633a\u4e0d\u9519\u7684\uff1b\u4e00\u4e2a\u9875\u9762\u4e2d\u53ef\u4ee5\u540c\u65f6\u5b58\u5728\u4e00\u4e2a\u6216\u8005\u591a\u4e2a<a href=\"http:\/\/blog.yyhcw.com\/post\/tag\/%e5%80%92%e8%ae%a1%e6%97%b6\" class=\"tag-tooltip\" data-toggle=\"tooltip\" title=\"\u67e5\u770b\u66f4\u591a\u5173\u4e8e \u5012\u8ba1\u65f6 \u7684\u6587\u7ae0\" target=\"_blank\">\u5012\u8ba1\u65f6<\/a>\uff0c\u81ea\u8ba4\u4e3a\u5f88\u662f\u4e0d\u9519\uff0c\u4ee5\u6b64\u8bb0\u5f55\u4e0b\u6765\uff0c\u4ee5\u4f9b\u540e\u7528\u3002<\/p>\n<p>\u6700\u8fd1\u9700\u8981\u7f51\u9875\u6dfb\u52a0\u591a\u4e2a<a href=\"http:\/\/blog.yyhcw.com\/post\/tag\/%e5%80%92%e8%ae%a1%e6%97%b6\" class=\"tag-tooltip\" data-toggle=\"tooltip\" title=\"\u67e5\u770b\u66f4\u591a\u5173\u4e8e \u5012\u8ba1\u65f6 \u7684\u6587\u7ae0\" target=\"_blank\">\u5012\u8ba1\u65f6<\/a>. \u67e5\u9605\u7f51\u7edc,\u57fa\u672c\u4e0a\u90fd\u662f\u5343\u904d\u4e00\u5f8b\u7684\u4e0d\u597d\u7528. \u81ea\u5df1\u6309\u9700\u5199\u4e86\u4e2a.\u5e0c\u671b\u5bf9\u5927\u5bb6\u6709\u7528. \u6709\u7528\u8bf7\u8d5e\u4e00\u4e2a\u54e6!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-532 aligncenter\" src=\"http:\/\/blog.yyhcw.com\/wp-content\/uploads\/2019\/04\/22\/20151125152542872.png\" alt=\"\u5b9e\u73b0\u4e00\u4e2a\u7f51\u9875\u591a\u4e2a\u5012\u8ba1\u65f6\u529f\u80fd\" width=\"371\" height=\"142\" \/><\/p>\n<p>\u4e0b\u9762\u662fJS\/JQ\u4ee3\u7801\uff1a<\/p>\n<pre class=\"lang:js decode:true\">\/\/js2\r\nvar plugJs={\r\n\u00a0\u00a0 \u00a0stamp:0,\r\n\u00a0\u00a0 \u00a0tid:1,\r\n\u00a0\u00a0 \u00a0stampnow:Date.parse(new Date())\/1000,\/\/\u7edf\u4e00\u5f00\u59cb\u65f6\u95f4\u6233\r\n\u00a0\u00a0 \u00a0intervalTime:function(){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if(plugJs.stamp &gt; 0){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var day = Math.floor(plugJs.stamp \/ (60 * 60 * 24));\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var hour = Math.floor(plugJs.stamp \/ (60 * 60)) - (day * 24);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var minute = Math.floor(plugJs.stamp \/ 60) - (day * 24 * 60) - (hour * 60);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var second = Math.floor(plugJs.stamp) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (day &lt;= 9) day = '0' + day;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 if (hour &lt;= 9) hour = '0' + hour;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 if (minute &lt;= 9) minute = '0' + minute;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 if (second &lt;= 9) second = '0' + second;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 jQuery('.t_h_'+plugJs.tid).html(hour);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 jQuery('.t_m_'+plugJs.tid).html(minute);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 jQuery('.t_s_'+plugJs.tid).html(second);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 plugJs.stamp--;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 setTimeout('if(typeof(plugJs.intervalTime) == \"function\"){plugJs.intervalTime();}',1000);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 \u00a0},\r\n\u00a0\u00a0 \u00a0timer:function (stampend,tid){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0plugJs.stamp = parseInt(stampend)-parseInt(plugJs.stampnow);\/\/\u5269\u4f59\u65f6\u95f4\u6233\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0setTimeout('if(typeof(plugJs.intervalTime) == \"function\"){plugJs.intervalTime();}',1000);\r\n\u00a0\u00a0 \u00a0}\r\n};\r\njQuery(document).ready(function(){\r\n\u00a0\u00a0 \u00a0var stampend = parseInt(jQuery('.countdown_1').attr('data-time'));\/\/\u7075\u6d3b\u8bfb\u53d6\u8868\u91cc\u7684\u7ed3\u675f\u65f6\u95f4\u6233\r\n\u00a0\u00a0 \u00a0plugJs.timer(stampend,'1');\r\n});<\/pre>\n<p>\u518d\u6765HTML\u4ee3\u7801\uff1a<\/p>\n<pre class=\"lang:xhtml decode:true\">&lt;div class=\"time countdown_1\" data-time=\"1449429731\"&gt;\r\n    &lt;span class=\"t_h_1\"&gt;00&lt;\/span&gt;\r\n    &lt;i class=\"lay_line\"&gt;:&lt;\/i&gt;\r\n    &lt;span class=\"t_m_1\"&gt;00&lt;\/span&gt;\r\n    &lt;i class=\"lay_line\"&gt;:&lt;\/i&gt;\r\n    &lt;span class=\"t_s_1\"&gt;00&lt;\/span&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"time countdown_2\" data-time=\"1449456731\"&gt;\r\n    &lt;span class=\"t_h_2\"&gt;00&lt;\/span&gt;\r\n    &lt;i class=\"lay_line\"&gt;:&lt;\/i&gt;\r\n    &lt;span class=\"t_m_2\"&gt;00&lt;\/span&gt;\r\n    &lt;i class=\"lay_line\"&gt;:&lt;\/i&gt;\r\n    &lt;span class=\"t_s_2\"&gt;00&lt;\/span&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>\u6700\u540e\u8bf4\u660e\u4e00\u4e0b\uff1a<\/p>\n<p>\u6ce8\u91ca:setTimeout() \u53ea\u6267\u884c code \u4e00\u6b21\u3002\u5982\u679c\u8981\u591a\u6b21\u8c03\u7528\uff0c\u8bf7\u4f7f\u7528 setInterval() \u6216\u8005\u8ba9 code \u81ea\u8eab\u518d\u6b21\u8c03\u7528 setTimeout()\u3002<\/p>\n<p>\u539f\u6587\u5730\u5740\uff1a<a href=\"https:\/\/blog.csdn.net\/websites\/article\/details\/50037611\">https:\/\/blog.csdn.net\/websites\/article\/details\/50037611<\/a><\/p>\n<!--wp-compress-html no compression--><!--wp-compress-html-->","protected":false},"excerpt":{"rendered":"\u7f51\u4e0a\u770b\u5230\u4e00\u4e2a\u5012\u8ba1\u65f6\u529f\u80fd\uff0c\u633a\u4e0d\u9519\u7684\uff1b\u4e00\u4e2a\u9875\u9762\u4e2d\u53ef\u4ee5\u540c\u65f6\u5b58\u5728\u4e00\u4e2a\u6216\u8005\u591a\u4e2a\u5012\u8ba1\u65f6\uff0c\u81ea\u8ba4\u4e3a\u5f88\u662f\u4e0d\u9519\uff0c\u4ee5\u6b64\u8bb0\u5f55\u4e0b\u6765\uff0c\u4ee5\u4f9b \u00b7\u00b7\u00b7","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[116],"views":552,"_links":{"self":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/531"}],"collection":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/comments?post=531"}],"version-history":[{"count":0,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/531\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/media?parent=531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/categories?post=531"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/tags?post=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}