A simple clock<\/title>\n\n<\/head>\n\n<body translate=\"no\" >\n <div id=\"output\" \n style= \"display: inline-block;\n font-family: monospace;\n font-size: 28px;\n text-align: left;\n color: white; \n border-radius: 10px; \n padding: 10px; \n background-color: rgba(0, 0, 0, 0.75);\">\n <\/div>\n\n <script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.18.1\/moment.min.js'><\/script>\n <script>\n\/\/ https:\/\/stackoverflow.com\/questions\/901115\/how-can-i-get-query-string-values-in-javascript\nvar urlParams;\n(function () {\n var match,\n pl = \/\\+\/g, \/\/ Regex for replacing addition symbol with a space\n search = \/([^&=]+)=?([^&]*)\/g,\n decode = function (s) { return decodeURIComponent(s.replace(pl, \" \")); },\n query = window.location.search.substring(1);\n urlParams = {};\n while (match = search.exec(query))\n urlParams[decode(match[1])] = decode(match[2]);\n})();\nvar output = document.getElementById(\"output\");\nif (urlParams[\"style\"]) output.setAttribute(\"style\", urlParams[\"style\"]);\nif (urlParams[\"bodyStyle\"]) document.body.setAttribute(\"style\", urlParams[\"bodyStyle\"]);\nvar c;\nsetInterval(\nc = function() {\n output.innerText = moment().format(urlParams[\"format\"] || 'DD\/MMM\/YYYY ddd HH:mm:ss.SSS ZZ');\n\/\/ output.innerText = moment().format(urlParams[\"format\"] || '');\n}, 1);\nc();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">OBS \u914d\u7f6e\u6548\u679c<\/h2>\n\n\n\n\u6dfb\u52a0\u4e00\u4e2a Browser \u5b9e\u4f8b\uff0c\u586b\u5165\u8be5 html \u672c\u5730\u4fdd\u5b58\u8def\u5f84\uff0c\u914d\u7f6e\u4e00\u4e0b\u663e\u793a\u5c3a\u5bf8\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"865\" src=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=1024%2C865&ssl=1\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=1024%2C865&ssl=1 1024w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=300%2C253&ssl=1 300w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=768%2C649&ssl=1 768w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=624%2C527&ssl=1 624w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?w=1440&ssl=1 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\u8c03\u6574\u5230\u9700\u8981\u7684\u753b\u9762\u4f4d\u7f6e\u5373\u53ef<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"948\" src=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=1024%2C948&ssl=1\" alt=\"\" class=\"wp-image-68\" srcset=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=1024%2C948&ssl=1 1024w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=300%2C278&ssl=1 300w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=768%2C711&ssl=1 768w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=1536%2C1422&ssl=1 1536w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=2048%2C1896&ssl=1 2048w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=624%2C578&ssl=1 624w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Code<\/h2>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><code class=\"hljs language-xml shcb-code-table shcb-line-numbers shcb-wrap-lines\"><!DOCTYPE html<\/span>><\/span>\n<\/span><\/span><html<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span><head<\/span>><\/span>\n<\/span><\/span> <meta<\/span> charset<\/span>=\"UTF-8\"<\/span>><\/span>\n<\/span><\/span> <title<\/span>><\/span>A simple clock<\/title<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span><\/head<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span><body<\/span> translate<\/span>=\"no\"<\/span> ><\/span>\n<\/span><\/span> <div<\/span> id<\/span>=\"output\"<\/span> <\/span>\n<\/span><\/span> style<\/span>= \"display: inline-block;<\/span><\/span>\n<\/span><\/span> font-family: monospace;<\/span><\/span>\n<\/span><\/span> font-size: 72px;<\/span><\/span>\n<\/span><\/span> text-align: left;<\/span><\/span>\n<\/span><\/span> color: white; <\/span><\/span>\n<\/span><\/span> border-radius: 10px; <\/span><\/span>\n<\/span><\/span> padding: 10px; <\/span><\/span>\n<\/span><\/span> background-color: rgba(0, 0, 0, 0.75);\"<\/span>><\/span>\n<\/span><\/span> <\/div<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span> <script<\/span> src<\/span>='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.18.1\/moment.min.js'<\/span>><\/span><\/script<\/span>><\/span>\n<\/span><\/span> <script<\/span>><\/span><\/span>\n<\/span><\/span>\/\/ https:\/\/stackoverflow.com\/questions\/901115\/how-can-i-get-query-string-values-in-javascript<\/span><\/span><\/span>\n<\/span><\/span>var<\/span> urlParams;<\/span><\/span>\n<\/span><\/span>(function<\/span> (<\/span>) <\/span>{<\/span><\/span>\n<\/span><\/span> var<\/span> match,<\/span><\/span><\/span>\n<\/span><\/span> pl = \/\\+\/g<\/span>, \/\/ Regex for replacing addition symbol with a space<\/span><\/span><\/span><\/span>\n<\/span><\/span> search = \/([^&=]+)=?([^&]*)\/g<\/span>,<\/span><\/span><\/span>\n<\/span><\/span> decode = function<\/span> (s<\/span>) <\/span>{ return<\/span> decodeURIComponent<\/span>(s.replace(pl, \" \"<\/span>)); },<\/span><\/span><\/span>\n<\/span><\/span> query = window<\/span>.location.search.substring(1<\/span>);<\/span><\/span><\/span><\/span>\n<\/span><\/span> urlParams = {};<\/span><\/span><\/span><\/span>\n<\/span><\/span> while<\/span> (match = search.exec(query))<\/span><\/span><\/span><\/span>\n<\/span><\/span> urlParams[decode(match[1<\/span>])] = decode(match[2<\/span>]);<\/span><\/span><\/span><\/span>\n<\/span><\/span>})();<\/span><\/span><\/span><\/span>\n<\/span><\/span>var<\/span> output = document<\/span>.getElementById(\"output\"<\/span>);<\/span><\/span><\/span><\/span>\n<\/span><\/span>if<\/span> (urlParams[\"style\"<\/span>]) output.setAttribute(\"style\"<\/span>, urlParams[\"style\"<\/span>]);<\/span><\/span><\/span><\/span>\n<\/span><\/span>if<\/span> (urlParams[\"bodyStyle\"<\/span>]) document<\/span>.body.setAttribute(\"style\"<\/span>, urlParams[\"bodyStyle\"<\/span>]);<\/span><\/span><\/span><\/span>\n<\/span><\/span>var<\/span> c;<\/span><\/span><\/span><\/span>\n<\/span><\/span>setInterval(<\/span><\/span><\/span><\/span>\n<\/span><\/span>c = function<\/span>(<\/span>) <\/span>{<\/span><\/span><\/span><\/span>\n<\/span><\/span> output.innerText = moment().format(urlParams[\"format\"<\/span>] || 'DD\/MMM\/YYYY ddd HH:mm:ss.SSS ZZ'<\/span>);<\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span>\/\/ output.innerText = moment().format(urlParams[\"format\"] || '');<\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span>}, 1<\/span>);<\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span>c();<\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span> <\/span><\/script<\/span>><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/body<\/span>><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/html<\/span>><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>","protected":false},"excerpt":{"rendered":"\u5de5\u4f5c\u539f\u56e0\u5e73\u65f6\u7ecf\u5e38\u7528\u5230 OBS \u505a\u76f4\u64ad\u63a8\u6d41\u6d4b\u8bd5\uff0c\u5176\u4e2d\u4e00\u4e2a\u91cd\u8981\u7684\u6d4b\u8bd5\u9879\u662f\u76f4\u64ad\u7aef\u5230\u7aef\u5ef6\u65f6\uff08Latency\uff09\uff0c\u4e0d\u540c\u534f\u8bae […]<\/p>\n","protected":false},"author":1,"featured_media":74,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[16,17,18],"class_list":["post-62","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work","tag-clock","tag-obs","tag-plugin"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/istockphoto-183876874-612x612-1.jpg?fit=612%2C405&ssl=1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":6,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts\/62\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts\/62\/revisions\/75"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/categories?post=62"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":62,"date":"2024-12-20T16:30:23","date_gmt":"2024-12-20T08:30:23","guid":{"rendered":"https:\/\/www.wenbo828.cn\/?p=62"},"modified":"2024-12-20T17:17:10","modified_gmt":"2024-12-20T09:17:10","slug":"%e4%b8%80%e4%b8%aa%e7%ae%80%e5%8d%95%e7%9a%84-obs-%e6%97%b6%e9%92%9f-overlay-%e9%a1%b5%e9%9d%a2%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.wenbo828.cn\/index.php\/2024\/12\/20\/%e4%b8%80%e4%b8%aa%e7%ae%80%e5%8d%95%e7%9a%84-obs-%e6%97%b6%e9%92%9f-overlay-%e9%a1%b5%e9%9d%a2%e4%bb%a3%e7%a0%81\/","title":{"rendered":"\u4e00\u4e2a\u7b80\u5355\u7684 OBS \u65f6\u949f Overlay \u9875\u9762\u4ee3\u7801"},"content":{"rendered":"\n

\u5de5\u4f5c\u539f\u56e0\u5e73\u65f6\u7ecf\u5e38\u7528\u5230 OBS \u505a\u76f4\u64ad\u63a8\u6d41\u6d4b\u8bd5\uff0c\u5176\u4e2d\u4e00\u4e2a\u91cd\u8981\u7684\u6d4b\u8bd5\u9879\u662f\u76f4\u64ad\u7aef\u5230\u7aef\u5ef6\u65f6\uff08Latency\uff09\uff0c\u4e0d\u540c\u534f\u8bae\u4e0d\u540c Latency \u8868\u73b0\uff0c\u6709\u65f6\u9700\u8981\u7cbe\u786e\u5230\u6beb\u79d2\u7ea7\u522b\u505a\u5bf9\u6bd4\uff0c\u4e00\u822c\u6765\u8bb2\u4f1a\u4f7f\u7528 OBS \u52a0\u8f7d\u4e00\u4e2a\u5916\u90e8\u5728\u7ebf\u65f6\u949f\u7f51\u9875\uff0c\u6bd4\u5982https:\/\/time.is<\/a>\uff0c\u4f46\u8fd9\u4e2a\u65f6\u95f4\u957f\u4e86\u4e0d\u660e\u539f\u56e0\u4f1a\u9875\u9762\u5047\u6b7b\u5bfc\u81f4\u603b\u5f97\u624b\u5de5\u5237\u65b0\uff0c\u800c\u4e14\u9875\u9762\u5e7f\u544a\u6bd4\u8f83\u788d\u773c\u3002<\/p>\n\n\n\n

\u540e\u6765\u53d1\u73b0\u67d0\u4e2a\u9879\u76ee\u6587\u6863\u622a\u56fe\u91cc\u4e00\u4e2a\u534a\u900f\u660e\u65f6\u949f\u6548\u679c\uff0cGoogle \u4e86\u534a\u5929\uff0c\u539f\u6765\u662f\u4e00\u6bb5 html \u4ee3\u7801\uff0c\u53ef\u4ee5\u4fdd\u5b58\u4e3a\u672c\u5730 html \u6587\u4ef6\u518d\u88ab OBS \u8f7d\u5165\u5373\u53ef\uff0c\u597d\u7528\uff0c\u4fdd\u5b58\u3002<\/p>\n\n\n\n

\u9875\u9762\u6548\u679c<\/h2>\n\n\n\n
\u53ef\u4ee5\u5728\u4ee3\u7801\u91cc\u8c03\u6574\u663e\u793a\u683c\u5f0f\uff0c\u6bd4\u5982\u65e5\u671f\u683c\u5f0f\u3001\u65f6\u95f4\u683c\u5f0f\u7b49\uff0c\u4ee5\u53ca\u9875\u9762\u5b57\u53f7\u4e4b\u7c7b\u7684\u6765\u505a\u4e00\u4e9b\u7b80\u5355\u7684\u6837\u5f0f\u8c03\u6574\u3002<\/p>\n\n\n\n\n\n\n\n \n A simple clock<\/title>\n\n<\/head>\n\n<body translate=\"no\" >\n <div id=\"output\" \n style= \"display: inline-block;\n font-family: monospace;\n font-size: 28px;\n text-align: left;\n color: white; \n border-radius: 10px; \n padding: 10px; \n background-color: rgba(0, 0, 0, 0.75);\">\n <\/div>\n\n <script src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.18.1\/moment.min.js'><\/script>\n <script>\n\/\/ https:\/\/stackoverflow.com\/questions\/901115\/how-can-i-get-query-string-values-in-javascript\nvar urlParams;\n(function () {\n var match,\n pl = \/\\+\/g, \/\/ Regex for replacing addition symbol with a space\n search = \/([^&=]+)=?([^&])\/g,\n decode = function (s) { return decodeURIComponent(s.replace(pl, \" \")); },\n query = window.location.search.substring(1);\n urlParams = {};\n while (match = search.exec(query))\n urlParams[decode(match[1])] = decode(match[2]);\n})();\nvar output = document.getElementById(\"output\");\nif (urlParams[\"style\"]) output.setAttribute(\"style\", urlParams[\"style\"]);\nif (urlParams[\"bodyStyle\"]) document.body.setAttribute(\"style\", urlParams[\"bodyStyle\"]);\nvar c;\nsetInterval(\nc = function() {\n output.innerText = moment().format(urlParams[\"format\"] || 'DD\/MMM\/YYYY ddd HH:mm:ss.SSS ZZ');\n\/\/ output.innerText = moment().format(urlParams[\"format\"] || '');\n}, 1);\nc();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\">OBS \u914d\u7f6e\u6548\u679c<\/h2>\n\n\n\n\u6dfb\u52a0\u4e00\u4e2a Browser \u5b9e\u4f8b\uff0c\u586b\u5165\u8be5 html \u672c\u5730\u4fdd\u5b58\u8def\u5f84\uff0c\u914d\u7f6e\u4e00\u4e0b\u663e\u793a\u5c3a\u5bf8\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"865\" src=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=1024%2C865&ssl=1\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=1024%2C865&ssl=1 1024w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=300%2C253&ssl=1 300w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=768%2C649&ssl=1 768w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?resize=624%2C527&ssl=1 624w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683618.png?w=1440&ssl=1 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\u8c03\u6574\u5230\u9700\u8981\u7684\u753b\u9762\u4f4d\u7f6e\u5373\u53ef<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"948\" src=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=1024%2C948&ssl=1\" alt=\"\" class=\"wp-image-68\" srcset=\"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=1024%2C948&ssl=1 1024w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=300%2C278&ssl=1 300w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=768%2C711&ssl=1 768w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=1536%2C1422&ssl=1 1536w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=2048%2C1896&ssl=1 2048w, https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/Clipboard_Screenshot_1734683746.png?resize=624%2C578&ssl=1 624w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Code<\/h2>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><code class=\"hljs language-xml shcb-code-table shcb-line-numbers shcb-wrap-lines\"><!DOCTYPE html<\/span>><\/span>\n<\/span><\/span><html<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span><head<\/span>><\/span>\n<\/span><\/span> <meta<\/span> charset<\/span>=\"UTF-8\"<\/span>><\/span>\n<\/span><\/span> <title<\/span>><\/span>A simple clock<\/title<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span><\/head<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span><body<\/span> translate<\/span>=\"no\"<\/span> ><\/span>\n<\/span><\/span> <div<\/span> id<\/span>=\"output\"<\/span> <\/span>\n<\/span><\/span> style<\/span>= \"display: inline-block;<\/span><\/span>\n<\/span><\/span> font-family: monospace;<\/span><\/span>\n<\/span><\/span> font-size: 72px;<\/span><\/span>\n<\/span><\/span> text-align: left;<\/span><\/span>\n<\/span><\/span> color: white; <\/span><\/span>\n<\/span><\/span> border-radius: 10px; <\/span><\/span>\n<\/span><\/span> padding: 10px; <\/span><\/span>\n<\/span><\/span> background-color: rgba(0, 0, 0, 0.75);\"<\/span>><\/span>\n<\/span><\/span> <\/div<\/span>><\/span>\n<\/span><\/span>\n<\/span><\/span> <script<\/span> src<\/span>='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.18.1\/moment.min.js'<\/span>><\/span><\/script<\/span>><\/span>\n<\/span><\/span> <script<\/span>><\/span><\/span>\n<\/span><\/span>\/\/ https:\/\/stackoverflow.com\/questions\/901115\/how-can-i-get-query-string-values-in-javascript<\/span><\/span><\/span>\n<\/span><\/span>var<\/span> urlParams;<\/span><\/span>\n<\/span><\/span>(function<\/span> (<\/span>) <\/span>{<\/span><\/span>\n<\/span><\/span> var<\/span> match,<\/span><\/span><\/span>\n<\/span><\/span> pl = \/\\+\/g<\/span>, \/\/ Regex for replacing addition symbol with a space<\/span><\/span><\/span><\/span>\n<\/span><\/span> search = \/([^&=]+)=?([^&])\/g<\/span>,<\/span><\/span><\/span>\n<\/span><\/span> decode = function<\/span> (s<\/span>) <\/span>{ return<\/span> decodeURIComponent<\/span>(s.replace(pl, \" \"<\/span>)); },<\/span><\/span><\/span>\n<\/span><\/span> query = window<\/span>.location.search.substring(1<\/span>);<\/span><\/span><\/span><\/span>\n<\/span><\/span> urlParams = {};<\/span><\/span><\/span><\/span>\n<\/span><\/span> while<\/span> (match = search.exec(query))<\/span><\/span><\/span><\/span>\n<\/span><\/span> urlParams[decode(match[1<\/span>])] = decode(match[2<\/span>]);<\/span><\/span><\/span><\/span>\n<\/span><\/span>})();<\/span><\/span><\/span><\/span>\n<\/span><\/span>var<\/span> output = document<\/span>.getElementById(\"output\"<\/span>);<\/span><\/span><\/span><\/span>\n<\/span><\/span>if<\/span> (urlParams[\"style\"<\/span>]) output.setAttribute(\"style\"<\/span>, urlParams[\"style\"<\/span>]);<\/span><\/span><\/span><\/span>\n<\/span><\/span>if<\/span> (urlParams[\"bodyStyle\"<\/span>]) document<\/span>.body.setAttribute(\"style\"<\/span>, urlParams[\"bodyStyle\"<\/span>]);<\/span><\/span><\/span><\/span>\n<\/span><\/span>var<\/span> c;<\/span><\/span><\/span><\/span>\n<\/span><\/span>setInterval(<\/span><\/span><\/span><\/span>\n<\/span><\/span>c = function<\/span>(<\/span>) <\/span>{<\/span><\/span><\/span><\/span>\n<\/span><\/span> output.innerText = moment().format(urlParams[\"format\"<\/span>] || 'DD\/MMM\/YYYY ddd HH:mm:ss.SSS ZZ'<\/span>);<\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span>\/\/ output.innerText = moment().format(urlParams[\"format\"] || '');<\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span>}, 1<\/span>);<\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span>c();<\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span> <\/span><\/script<\/span>><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/body<\/span>><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/html<\/span>><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<\/span><\/span><\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>","protected":false},"excerpt":{"rendered":"\u5de5\u4f5c\u539f\u56e0\u5e73\u65f6\u7ecf\u5e38\u7528\u5230 OBS \u505a\u76f4\u64ad\u63a8\u6d41\u6d4b\u8bd5\uff0c\u5176\u4e2d\u4e00\u4e2a\u91cd\u8981\u7684\u6d4b\u8bd5\u9879\u662f\u76f4\u64ad\u7aef\u5230\u7aef\u5ef6\u65f6\uff08Latency\uff09\uff0c\u4e0d\u540c\u534f\u8bae […]<\/p>\n","protected":false},"author":1,"featured_media":74,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[16,17,18],"class_list":["post-62","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work","tag-clock","tag-obs","tag-plugin"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.wenbo828.cn\/wp-content\/uploads\/2024\/12\/istockphoto-183876874-612x612-1.jpg?fit=612%2C405&ssl=1","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":6,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts\/62\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/posts\/62\/revisions\/75"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/categories?post=62"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wenbo828.cn\/index.php\/wp-json\/wp\/v2\/tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}