{"id":3831,"date":"2022-11-18T17:48:45","date_gmt":"2022-11-18T17:48:45","guid":{"rendered":"http:\/\/kevinbk.com\/?p=3831"},"modified":"2022-11-18T18:13:59","modified_gmt":"2022-11-18T18:13:59","slug":"como-ocultar-parte-da-pagina-por-um-periodo-de-tempo","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/vi\/cach-an-mot-phan-cua-trang-trong-mot-khoang-thoi-gian\/","title":{"rendered":"C\u00e1ch \u1ea9n m\u1ed9t ph\u1ea7n c\u1ee7a trang trong m\u1ed9t kho\u1ea3ng th\u1eddi gian"},"content":{"rendered":"<p>B\u1ea1n \u0111ang t\u1eadp h\u1ee3p trang b\u00e1n h\u00e0ng VSL c\u1ee7a m\u00ecnh v\u00e0 ch\u1ec9 mu\u1ed1n hi\u1ec3n th\u1ecb video trong v\u00e0i ph\u00fat? B\u1ea1n mu\u1ed1n \u1ea9n n\u00fat mua ho\u1eb7c m\u1ed9t s\u1ed1 th\u00e0nh ph\u1ea7n trang trong m\u1ed9t th\u1eddi gian? Trong b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang t\u00f4i s\u1ebd tr\u00ecnh b\u00e0y m\u1ed9t gi\u1ea3i ph\u00e1p \u0111\u01a1n gi\u1ea3n. <\/p>\n\n\n\n<p>Th\u1eadt kh\u00f4ng th\u1ec3 tin \u0111\u01b0\u1ee3c l\u00e0 th\u1eadt kh\u00f3 \u0111\u1ec3 t\u00ecm th\u1ea5y m\u1ed9t th\u1ee9 g\u00ec \u0111\u00f3 \u0111\u01a1n gi\u1ea3n nh\u01b0 v\u1eady tr\u00ean internet, c\u00f3 l\u1ebd do kh\u00f4ng di\u1ec5n \u0111\u1ea1t \u0111\u01b0\u1ee3c thu\u1eadt ng\u1eef ch\u00ednh x\u00e1c. \u0110\u00f4i khi ch\u00fang t\u00f4i b\u1eaft g\u1eb7p c\u00e1c plugin ho\u1eb7c m\u00e3 kh\u1ed5ng l\u1ed3 \u0111\u1ec3 th\u1ef1c hi\u1ec7n \u0111i\u1ec1u g\u00ec \u0111\u00f3 r\u1ea5t \u0111\u01a1n gi\u1ea3n. <\/p>\n\n\n\n<p>\u0110i\u1ec1u ch\u00fang t\u00f4i mu\u1ed1n \u1edf \u0111\u00e2y l\u00e0 \u1ea9n ph\u1ea7n t\u1eed CSS v\u00e0 ch\u1ec9 hi\u1ec3n th\u1ecb ph\u1ea7n t\u1eed \u0111\u00f3 sau m\u1ed9t kho\u1ea3ng th\u1eddi gian. \u0110i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng \u0111\u01b0\u1ee3c t\u1ea1o b\u1eb1ng m\u1ed9t Javascript \u0111\u01a1n gi\u1ea3n d\u01b0\u1edbi 4 d\u00f2ng. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"L\u00e0m c\u00e1ch n\u00e0o \u0111\u1ec3 \u1ea9n ph\u1ea7n c\u00f2n l\u1ea1i c\u1ee7a trang trong m\u1ed9t th\u1eddi gian? VSL - Trang b\u00e1n h\u00e0ng\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/fs6uR1bdZP0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">L\u00e0m c\u00e1ch n\u00e0o \u0111\u1ec3 \u1ea9n m\u1ed9t ph\u1ea7n t\u1eed trong v\u00e0i ph\u00fat?<\/h2>\n\n\n\n<p>\u0110i\u1ec1u \u0111\u1ea7u ti\u00ean b\u1ea1n c\u1ea7n hi\u1ec3u l\u00e0 b\u1ea1n s\u1ebd \u1ea9n ph\u1ea7n t\u1eed n\u00e0o. N\u1ebfu b\u1ea1n mu\u1ed1n \u1ea9n g\u1ea7n nh\u01b0 to\u00e0n b\u1ed9 trang, ch\u1ec9 \u0111\u1ec3 l\u1ea1i video, ch\u1ec9 c\u1ea7n t\u1ea1o DIV b\u1eb1ng HTML, \u0111\u1eb7t m\u1ed9t l\u1edbp CSS b\u1ea1n ch\u1ecdn v\u00e0 \u0111\u00f3ng n\u00f3 \u1edf cu\u1ed1i trang. <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code lang=\"css\" class=\"language-css\">.classname {display:none;}<\/code><\/pre>\n\n\n\n<p>N\u1ebfu b\u1ea1n \u0111ang s\u1eed d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda kh\u1ed1i WordPress, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng \u1ea9n c\u00e1c ph\u1ea7n t\u1eed b\u1eb1ng c\u00e1ch \u0111i t\u1edbi c\u00e0i \u0111\u1eb7t n\u00e2ng cao c\u1ee7a t\u1eebng kh\u1ed1i v\u00e0 \u0111\u1eb7t l\u1edbp CSS. <\/p>\n\n\n\n<p>Sau khi ch\u1ecdn l\u1edbp CSS v\u00e0 th\u00eam n\u00f3 v\u00e0o c\u00e1c ph\u1ea7n t\u1eed mu\u1ed1n \u1ea9n, b\u1ea1n c\u1ea7n th\u00eam Javascript v\u00e0o Header. T\u1ea5t c\u1ea3 \u0111i\u1ec1u n\u00e0y ph\u1ee5 thu\u1ed9c v\u00e0o ch\u1ee7 \u0111\u1ec1 ho\u1eb7c plugin b\u1ea1n \u0111ang s\u1eed d\u1ee5ng. <\/p>\n\n\n\n<p>Th\u00eam m\u00e3 sau v\u00e0o Ti\u00eau \u0111\u1ec1: <\/p>\n\n\n\n<pre class=\"wp-block-code data-no-translation\" data-no-translation=\"\"><code lang=\"javascript\" class=\"language-javascript\">&lt;script>setTimeout(function() {\n  $('.classname').show()\n}, 400000);\n&lt;\/script><\/code><\/pre>\n\n\n\n<p>Trong ClassName, b\u1ea1n \u0111\u1eb7t t\u00ean c\u1ee7a l\u1edbp m\u00e0 b\u1ea1n mu\u1ed1n \u1ea9n. Trong s\u1ed1 400000, b\u1ea1n x\u00e1c \u0111\u1ecbnh th\u1eddi gian ch\u1edd \u0111\u1ec3 ph\u1ea7n t\u1eed hi\u1ec3n th\u1ecb. \u0110\u00f3 l\u00e0 kho\u1ea3ng mili gi\u00e2y. <\/p>\n\n\n\n<p>C\u1ee9 1000, ch\u00fang ta c\u00f3 t\u1ed5ng c\u1ed9ng 1 gi\u00e2y. V\u00ec v\u1eady, 400000 \u0111\u01b0\u1ee3c t\u00ecm th\u1ea5y trong m\u00e3 b\u1eb1ng kho\u1ea3ng 6 ph\u00fat. B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng th\u00f4ng tin n\u00e0y \u0111\u1ec3 t\u00ednh to\u00e1n th\u1eddi gian mong mu\u1ed1n c\u1ee7a m\u00ecnh. <\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ea5y vi\u1ec7c \u1ea9n m\u1ed9t ph\u1ea7n t\u1eed ho\u1eb7c m\u1ed9t n\u1eeda trang trong m\u1ed9t kho\u1ea3ng th\u1eddi gian \u0111\u01a1n gi\u1ea3n nh\u01b0 th\u1ebf n\u00e0o kh\u00f4ng? M\u1ed9t m\u00e3 \u0111\u01a1n gi\u1ea3n, ho\u00e0n h\u1ea3o \u0111\u1ec3 t\u1ea1o VSL, trang b\u00e1n h\u00e0ng ho\u1eb7c b\u1ea5t k\u1ef3 th\u1ee9 g\u00ec kh\u00e1c m\u00e0 b\u1ea1n mu\u1ed1n t\u1eadp trung v\u00e0o. <\/p>","protected":false},"excerpt":{"rendered":"<p>B\u1ea1n \u0111ang t\u1eadp h\u1ee3p trang b\u00e1n h\u00e0ng VSL c\u1ee7a m\u00ecnh v\u00e0 ch\u1ec9 mu\u1ed1n hi\u1ec3n th\u1ecb video trong v\u00e0i ph\u00fat? mu\u1ed1n che gi\u1ea5u<\/p>","protected":false},"author":1,"featured_media":3832,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/kevinbk.com\/wp-content\/uploads\/2022\/11\/javascript.jpg","_links":{"self":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts\/3831"}],"collection":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/comments?post=3831"}],"version-history":[{"count":3,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts\/3831\/revisions"}],"predecessor-version":[{"id":3836,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/posts\/3831\/revisions\/3836"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/media\/3832"}],"wp:attachment":[{"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/media?parent=3831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kevinbk.com\/vi\/wp-json\/wp\/v2\/categories?post=3831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}