{"id":2112,"date":"2026-05-26T07:26:49","date_gmt":"2026-05-26T07:26:49","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/plantuml-timing-diagram-syntax-guide\/"},"modified":"2026-05-26T07:26:49","modified_gmt":"2026-05-26T07:26:49","slug":"plantuml-timing-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 th\u1eddi gian PlantUML"},"content":{"rendered":"<h2>S\u01a1 \u0111\u1ed3 th\u1eddi gian l\u00e0 g\u00ec?<\/h2>\n<p>M\u1ed9t <strong>S\u01a1 \u0111\u1ed3 th\u1eddi gian<\/strong> l\u00e0 m\u1ed9t s\u01a1 \u0111\u1ed3 h\u00e0nh vi chuy\u00ean bi\u1ec7t <strong>s\u01a1 \u0111\u1ed3 UML<\/strong> \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 tr\u1ef1c quan h\u00f3a ch\u00ednh x\u00e1c th\u1eddi l\u01b0\u1ee3ng c\u1ee7a c\u00e1c tr\u1ea1ng th\u00e1i v\u00e0 \u0111i\u1ec1u ki\u1ec7n ch\u00ednh x\u00e1c khi c\u00e1c tr\u1ea1ng th\u00e1i \u0111\u00f3 thay \u0111\u1ed5i d\u1ecdc theo m\u1ed9t tr\u1ee5c th\u1eddi gian tuy\u1ebfn t\u00ednh. L\u00e0 m\u1ed9t ph\u1ea7n thi\u1ebft y\u1ebfu trong \u0111\u1eb7c t\u1ea3 Ng\u00f4n ng\u1eef M\u00f4 h\u00ecnh h\u00f3a \u0110\u01a1n nh\u1ea5t (UML), lo\u1ea1i s\u01a1 \u0111\u1ed3 UML n\u00e0y <strong>lo\u1ea1i s\u01a1 \u0111\u1ed3 UML<\/strong> t\u1eadp trung m\u1ea1nh v\u00e0o c\u00e1c r\u00e0ng bu\u1ed9c th\u1eddi gian c\u1ee9ng, chu k\u1ef3 \u0111\u1ed3ng h\u1ed3 v\u00e0 t\u00edn hi\u1ec7u s\u00f3ng. N\u00f3 theo d\u00f5i c\u00e1c d\u1ea1ng s\u00f3ng ho\u1eb7c c\u00e1c \u0111\u01b0\u1eddng b\u01b0\u1edbc \u0111\u1ec3 minh h\u1ecda ch\u00ednh x\u00e1c th\u1eddi gian m\u1ed9t \u0111\u1ed1i t\u01b0\u1ee3ng duy tr\u00ec trong m\u1ed9t tr\u1ea1ng th\u00e1i c\u1ee5 th\u1ec3 tr\u01b0\u1edbc khi m\u1ed9t t\u00edn hi\u1ec7u b\u00ean ngo\u00e0i l\u00e0m thay \u0111\u1ed5i tr\u1ea1ng th\u00e1i c\u1ee7a n\u00f3.<\/p>\n<p>C\u00e1c b\u1ea3n \u0111\u1ed3 th\u1eddi gian \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng r\u1ed9ng r\u00e3i b\u1edfi c\u00e1c k\u1ef9 s\u01b0 h\u1ec7 th\u1ed1ng nh\u00fang, nh\u00e0 ph\u00e1t tri\u1ec3n giao th\u1ee9c m\u1ea1ng v\u00e0 ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n c\u1ee9ng \u0111\u1ec3 m\u00f4 h\u00ecnh h\u00f3a c\u00e1c \u0111i\u1ec1u ki\u1ec7n c\u1ea1nh tranh, theo d\u00f5i s\u1ef1 thay \u0111\u1ed5i v\u00f2ng \u0111\u1eddi lu\u1ed3ng ho\u1eb7c b\u1ea3n \u0111\u1ed3 c\u00e1c chuy\u1ec3n \u0111\u1ed5i thanh ghi ph\u1ea7n c\u1ee9ng. V\u1edbi <strong>VPasCode<\/strong>, b\u1ea1n kh\u00f4ng c\u1ea7n ph\u1ea3i t\u00ednh to\u00e1n th\u1ee7 c\u00f4ng \u0111\u1ed9 r\u1ed9ng pixel hay \u00e1nh x\u1ea1 t\u1ecda \u0111\u1ed9 tr\u1ee5c th\u1eddi gian. B\u1ed9 x\u1eed l\u00fd hi\u1ec3n th\u1ecb c\u1ee7a ch\u00fang t\u00f4i s\u1ebd t\u1ef1 \u0111\u1ed9ng x\u1eed l\u00fd to\u00e0n b\u1ed9 l\u01b0\u1edbi th\u1eddi gian d\u1ef1a tr\u00ean c\u00e1c \u0111o\u1ea1n m\u00e3 v\u0103n b\u1ea3n thu\u1ea7n t\u00fay c\u1ee7a b\u1ea1n.<\/p>\n<h2>H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p c\u1ed1t l\u00f5i: C\u00e1c th\u00e0nh ph\u1ea7n v\u00e0 c\u1ea5u tr\u00fac<\/h2>\n<p>\u0110\u1ec3 thi\u1ebft k\u1ebf m\u1ed9t s\u01a1 \u0111\u1ed3 th\u1eddi gian UML ch\u00ednh x\u00e1c, tu\u00e2n th\u1ee7 chu\u1ea9n trong PlantUML, b\u1ea1n c\u1ea7n n\u1eafm v\u1eefng c\u00e1c lo\u1ea1i ng\u01b0\u1eddi tham gia, \u0111\u1ecbnh ngh\u0129a tr\u1ea1ng th\u00e1i, kho\u1ea3ng th\u1eddi gian v\u00e0 c\u00e1c r\u00e0ng bu\u1ed9c \u0111\u1ed3ng b\u1ed9.<\/p>\n<h3>1. Khai b\u00e1o ng\u01b0\u1eddi tham gia (M\u1ea1nh m\u1ebd so v\u1edbi S\u00fac t\u00edch)<\/h3>\n<p>B\u1ea1n c\u00f3 th\u1ec3 m\u00f4 h\u00ecnh h\u00f3a c\u00e1c tr\u1ee5c th\u1eddi gian b\u1eb1ng hai phong c\u00e1ch tr\u1ef1c quan kh\u00e1c nhau t\u00f9y thu\u1ed9c v\u00e0o m\u1ee9c \u0111\u1ed9 chi ti\u1ebft m\u00e0 h\u1ec7 th\u1ed1ng c\u1ee7a b\u1ea1n y\u00eau c\u1ea7u. B\u1ea1n ph\u1ea3i khai b\u00e1o ch\u00fang b\u1eb1ng c\u00e1c t\u1eeb kh\u00f3a r\u00f5 r\u00e0ng:<\/p>\n<ul>\n<li><strong>Tr\u1ee5c th\u1eddi gian m\u1ea1nh m\u1ebd:<\/strong>Hi\u1ec3n th\u1ecb c\u00e1c tr\u1ea1ng th\u00e1i d\u01b0\u1edbi d\u1ea1ng c\u00e1c h\u00e0ng ch\u1ed3ng l\u00ean nhau ri\u00eang bi\u1ec7t. Ph\u00f9 h\u1ee3p v\u1edbi c\u00e1c quy tr\u00ecnh ph\u1ea7n m\u1ec1m c\u1ea5p cao.\n<pre><code>robust \"Lu\u1ed3ng \u1ee8ng d\u1ee5ng\" as Thread<\/code><\/pre>\n<\/li>\n<li><strong>Tr\u1ee5c th\u1eddi gian s\u00fac t\u00edch:<\/strong>Hi\u1ec3n th\u1ecb c\u00e1c tr\u1ea1ng th\u00e1i d\u1ecdc theo m\u1ed9t \u0111\u01b0\u1eddng ph\u1eb3ng duy nh\u1ea5t, s\u1eed d\u1ee5ng c\u00e1c kh\u1ed1i g\u1ea1ch ch\u00e9o \u0111\u1ec3 ch\u1ec9 ra c\u00e1c thay \u0111\u1ed5i. Ho\u00e0n h\u1ea3o cho b\u1ea3n \u0111\u1ed3 t\u00edn hi\u1ec7u ph\u1ea7n c\u1ee9ng g\u1ecdn nh\u1eb9.\n<pre><code>concise \"Thanh ghi CPU\" as Reg<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>2. X\u00e1c \u0111\u1ecbnh chuy\u1ec3n \u0111\u1ed5i tr\u1ea1ng th\u00e1i v\u00e0 c\u00e1c b\u01b0\u1edbc th\u1eddi gian<\/h3>\n<p>Kh\u00e1c v\u1edbi c\u00e1c s\u01a1 \u0111\u1ed3 kh\u00e1c, b\u1ea1n thay \u0111\u1ed5i tr\u1ea1ng th\u00e1i b\u1eb1ng c\u00e1ch khai b\u00e1o m\u1ed9t \u0111i\u1ec3m ki\u1ec3m tra th\u1eddi gian s\u1eed d\u1ee5ng d\u1ea5u <code>@<\/code> k\u00fd hi\u1ec7u, tham chi\u1ebfu \u0111\u1ebfn ng\u01b0\u1eddi tham gia c\u1ee7a b\u1ea1n, v\u00e0 s\u1eed d\u1ee5ng t\u1eeb kh\u00f3a <code>is<\/code> t\u1eeb kh\u00f3a. T\u00ean tr\u1ea1ng th\u00e1i ch\u1ee9a kho\u1ea3ng tr\u1eafng ho\u1eb7c k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t ph\u1ea3i \u0111\u01b0\u1ee3c bao quanh b\u1eb1ng d\u1ea5u ngo\u1eb7c k\u00e9p:<\/p>\n<pre><code>@0\r\nThread is Idle\r\n\r\n@10\r\nThread is \"Processing Data\"<\/code><\/pre>\n<h3>3. T\u1ea1o t\u00edn hi\u1ec7u \u0111\u1ed3ng h\u1ed3<\/h3>\n<p>\u0110\u1ec3 m\u00f4 ph\u1ecfng \u0111\u1ed3ng h\u1ed3 ph\u1ea7n c\u1ee9ng nh\u1ecb ph\u00e2n, h\u00e3y s\u1eed d\u1ee5ng t\u1eeb kh\u00f3a<code>clock<\/code> t\u1eeb kh\u00f3a. B\u1ea1n ph\u1ea3i x\u00e1c \u0111\u1ecbnh chu k\u1ef3 chu k\u1ef3, chu k\u1ef3 \u0111\u1ed9 r\u1ed9ng t\u00f9y ch\u1ecdn v\u00e0 t\u00ean n\u1ed9i b\u1ed9:<\/p>\n<pre><code>clock \"\u0110\u1ed3ng h\u1ed3 H\u1ec7 th\u1ed1ng\" as CLK v\u1edbi chu k\u1ef3 2<\/code><\/pre>\n<h3>4. Th\u00eam c\u00e1c r\u00e0ng bu\u1ed9c \u0111\u1ed9 ch\u00ednh x\u00e1c v\u00e0 c\u00e1c khung th\u1eddi gian<\/h3>\n<p>\u0110\u1ec3 ghi ch\u00fa c\u00e1c h\u1ea1n ch\u00f3t th\u1ef1c thi nghi\u00eam ng\u1eb7t (v\u00ed d\u1ee5 nh\u01b0 \u0111\u1ea3m b\u1ea3o m\u1ed9t chuy\u1ec3n tr\u1ea1ng th\u00e1i h\u1ec7 th\u1ed1ng x\u1ea3y ra trong m\u1ed9t kho\u1ea3ng th\u1eddi gian nh\u1ea5t \u0111\u1ecbnh), h\u00e3y s\u1eed d\u1ee5ng<code>&lt;-&gt;<\/code> c\u00fa ph\u00e1p \u0111\u1ec3 n\u1ed1i hai t\u1ecda \u0111\u1ed9 th\u1eddi gian b\u1eb1ng m\u1ed9t nh\u00e3n m\u00f4 t\u1ea3:<\/p>\n<pre><code>@10 &lt;-&gt; @40 : {\u00cdt h\u01a1n 30ms}<\/code><\/pre>\n<h2>C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t nh\u1ea5t cho b\u1ed1 c\u1ee5c th\u1eddi gian s\u1ea1ch s\u1ebd<\/h2>\n<ul>\n<li><strong>Gi\u1eef \u0111\u01a1n v\u1ecb th\u1eddi gian th\u1ed1ng nh\u1ea5t:<\/strong>PlantUML coi c\u00e1c s\u1ed1 nguy\u00ean tr\u00ean d\u00f2ng th\u1eddi gian l\u00e0 c\u00e1c b\u01b0\u1edbc tu\u1ea7n t\u1ef1 chung. Ch\u1ecdn m\u1ed9t \u0111\u01a1n v\u1ecb th\u1eddi gian th\u1ed1ng nh\u1ea5t cho d\u1ef1 \u00e1n c\u1ee7a b\u1ea1n (v\u00ed d\u1ee5: c\u00e1c b\u01b0\u1edbc, micro gi\u00e2y ho\u1eb7c gi\u00e2y) v\u00e0 duy tr\u00ec n\u00f3 m\u1ed9t c\u00e1ch nh\u1ea5t qu\u00e1n.<\/li>\n<li><strong>S\u1eed d\u1ee5ng nh\u00e3n cho c\u00e1c chuy\u1ec3n ti\u1ebfp ph\u1ee9c t\u1ea1p:<\/strong> B\u1ea1n c\u00f3 th\u1ec3 th\u00eam c\u00e1c tin nh\u1eafn v\u0103n b\u1ea3n tr\u1ef1c ti\u1ebfp v\u00e0o c\u00e1c thay \u0111\u1ed5i tr\u1ea1ng th\u00e1i b\u1eb1ng c\u00e1ch th\u00eam d\u1ea5u hai ch\u1ea5m ngay sau g\u00e1n tr\u1ea1ng th\u00e1i (v\u00ed d\u1ee5,<code>@10nReg \u0111ang \u0110\u1ecdc : \"K\u00edch ho\u1ea1t Ng\u1eaft\"<\/code>).<\/li>\n<li><strong>S\u1eafp x\u1ebfp c\u00e1c khai b\u00e1o m\u1ed9t c\u00e1ch chi\u1ebfn l\u01b0\u1ee3c:<\/strong>PlantUML x\u1ebfp c\u00e1c \u0111\u01b0\u1eddng s\u1ed1ng theo chi\u1ec1u d\u1ecdc theo \u0111\u00fang th\u1ee9 t\u1ef1 ch\u00fang \u0111\u01b0\u1ee3c khai b\u00e1o trong t\u1eadp l\u1ec7nh c\u1ee7a b\u1ea1n. Lu\u00f4n \u0111\u1eb7t c\u00e1c \u0111\u1ed3ng h\u1ed3 ch\u00ednh \u1edf \u0111\u1ea7u c\u00f9ng \u0111\u1ec3 d\u1ec5 c\u0103n ch\u1ec9nh h\u01a1n.<\/li>\n<\/ul>\n<h2>C\u00e1c v\u00ed d\u1ee5 v\u1ec1 s\u01a1 \u0111\u1ed3 th\u1eddi gian PlantUML trong th\u1ebf gi\u1edbi th\u1ef1c<\/h2>\n<h3>V\u00ed d\u1ee5 1: Tr\u1ea1ng th\u00e1i B\u1ed9 nh\u1edb \u0111\u1ec7m v\u00e0 B\u1ed9 nh\u1edb thanh ghi vi \u0111i\u1ec1u khi\u1ec3n (Ng\u1eafn g\u1ecdn v\u00e0 S\u00f3ng \u0111\u1ed3ng h\u1ed3)<\/h3>\n<p>B\u1ea3n thi\u1ebft k\u1ebf c\u00f3 th\u1ec3 ch\u1ea1y n\u00e0y minh h\u1ecda m\u1ed9t d\u00f2ng th\u1eddi gian k\u1ef9 thu\u1eadt ph\u1ea7n c\u1ee9ng nh\u00fang kinh \u0111i\u1ec3n, ch\u1ea1y \u0111\u1ed3ng h\u1ed3 h\u1ec7 th\u1ed1ng chu\u1ea9n song song v\u1edbi m\u1ed9t b\u1ed9 nh\u1edb thanh ghi l\u01b0u tr\u1eef d\u1eef li\u1ec7u ng\u1eafn g\u1ecdn theo d\u00f5i tr\u1ea1ng th\u00e1i ph\u1ea7n c\u1ee9ng.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Plantuml trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuULApibFpbPGEZBXuUx9UUaA6K1AmUFXxdQ54Y1p8b14mzd7MrD98R5O8JadMw7iuUxPcGh96QKAsGztRrOm0XgGdvUSMPogeEJqSFTCXJoWhjb0lObv6Ghf6PaAJgN52YuFTwzNoCa46beADYSeDPsNYvVBmO2N2yXKE38n4MXDI17OEh244R84o6MzoGfM2ae-3tSjhLH8GJ8DhDeCMRLxHYPOq135SE-CmviJ8U8cM2rrICrB0GO70000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclock \"\u0110\u1ed3ng h\u1ed3 H\u1ec7 th\u1ed1ng (CLK)\" as clk v\u1edbi chu k\u1ef3 2\r\nconcise \"B\u1ed9 nh\u1edb thanh ghi Bus D\u1eef li\u1ec7u\" as Reg\r\n\r\n@0\r\nReg \u0111ang Tr\u1ed1ng\r\n\r\n@2\r\nReg \u0111ang \u0110\u1ecdc : \"L\u1ea5y d\u1eef li\u1ec7u\"\r\n\r\n@6\r\nReg \u0111ang Ghi\r\n\r\n@10\r\nReg \u0111ang Kh\u00f3a\r\n\r\n@14\r\nReg \u0111ang Tr\u1ed1ng\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuULApibFpbPGEZBXuUx9UUaA6K1AmUFXxdQ54Y1p8b14mzd7MrD98R5O8JadMw7iuUxPcGh96QKAsGztRrOm0XgGdvUSMPogeEJqSFTCXJoWhjb0lObv6Ghf6PaAJgN52YuFTwzNoCa46beADYSeDPsNYvVBmO2N2yXKE38n4MXDI17OEh244R84o6MzoGfM2ae-3tSjhLH8GJ8DhDeCMRLxHYPOq135SE-CmviJ8U8cM2rrICrB0GO70000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Plantuml trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"GoDTibn\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-596\" decoding=\"async\" fetchpriority=\"high\" height=\"134\" sizes=\"(max-width: 417px) 100vw, 417px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png 417w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba-300x96.png 300w\" width=\"417\"\/><\/p>\n<p><strong>Ph\u00e2n t\u00edch c\u00fa ph\u00e1p:<\/strong> C\u00e2u l\u1ec7nh<code>clock<\/code> t\u1ea1o ra m\u1ed9t s\u00f3ng vu\u00f4ng nh\u1ecbp \u0111i\u1ec7u cao\/th\u1ea5p t\u1ef1 \u0111\u1ed9ng. B\u1ed9 nh\u1edb<code>Reg<\/code> d\u00f2ng x\u1eed l\u00fd nhi\u1ec1u ph\u00e9p g\u00e1n tr\u1ea1ng th\u00e1i theo th\u1ee9 t\u1ef1 tr\u00ean l\u01b0\u1edbi th\u1eddi gian tuy\u1ec7t \u0111\u1ed1i. C\u00e1c chu\u1ed7i v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c th\u00eam d\u1ea5u hai ch\u1ea5m (nh\u01b0 <code>: \"L\u1ea5y d\u1eef li\u1ec7u\"<\/code>) \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb nh\u01b0 c\u00e1c ch\u00fa th\u00edch g\u1ecdn g\u00e0ng ngay tr\u00ean \u0111\u01b0\u1eddng bi\u00ean chuy\u1ec3n ti\u1ebfp.<\/p>\n<h3>V\u00ed d\u1ee5 2: L\u00e0m m\u1edbi token ng\u01b0\u1eddi ti\u00eau d\u00f9ng web b\u1ea5t \u0111\u1ed3ng b\u1ed9 (Gi\u1edbi h\u1ea1n \u0111a lu\u1ed3ng m\u1ea1nh m\u1ebd)<\/h3>\n<p>B\u1ea3n thi\u1ebft k\u1ebf ki\u1ebfn tr\u00fac ph\u1ea7n m\u1ec1m ti\u00ean ti\u1ebfn, ho\u00e0n to\u00e0n ch\u1ee9c n\u0103ng n\u00e0y t\u1eadn d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng b\u1ed1 c\u1ee5c m\u1ea1nh m\u1ebd \u0111\u1ec3 theo d\u00f5i lu\u1ed3ng c\u00f4ng vi\u1ec7c \u1ee9ng d\u1ee5ng web \u0111a lu\u1ed3ng, x\u00e1c \u0111\u1ecbnh c\u00e1c m\u1ed1c th\u1eddi gian ch\u00ednh x\u00e1c gi\u1eefa kh\u00e1ch h\u00e0ng web v\u00e0 c\u00f4ng nh\u00e2n x\u00e1c th\u1ef1c.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Plantuml trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUKgoaygBIvHKFBEEBmmEKCXu_22l7I5aAB3Q_8o559AAn_kRYzH24zDKb98B0RH20tEXxS0LUPb75wKfn2IdvsQfn01D46X9EFXxet9OEMEfIKPl5oyN0u6l5n0hGf79YO2TIG35SpbvG99GaNoqX_kNWvMQ8gX468qYl8AX3LWJOQcAD8b3tSjp8TAADZesYau69agM2bKUsVaFzor6AG0P6wcGdfcOXv4SIrOjP4fDaSXd9EH-N1tSnvOTxT2IH5G2ApD19ld75BpKe2X2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobust \"Kh\u00e1ch h\u00e0ng Tr\u00ecnh duy\u1ec7t Web\" as Web\r\nrobust \"C\u00f4ng nh\u00e2n Token X\u00e1c th\u1ef1c\" as Auth\r\n\r\n@0\r\nWeb \u0111ang ch\u1edd\r\nAuth \u0111ang ng\u1ee7\r\n\r\n@5\r\nWeb \u0111ang ch\u1edd Token\r\nAuth \u0111ang x\u00e1c th\u1ef1c\r\n\r\n@15\r\nAuth \u0111ang t\u1ea1o\r\n\r\n@15 &lt;-&gt; @25 : {Kho\u1ea3ng th\u1eddi gian t\u1ea1o}\r\n\r\n@25\r\nAuth \u0111ang ng\u1ee7\r\nWeb \u0111ang hi\u1ec3n th\u1ecb trang\r\n\r\n@40\r\nWeb \u0111ang ch\u1edd\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUKgoaygBIvHKFBEEBmmEKCXu_22l7I5aAB3Q_8o559AAn_kRYzH24zDKb98B0RH20tEXxS0LUPb75wKfn2IdvsQfn01D46X9EFXxet9OEMEfIKPl5oyN0u6l5n0hGf79YO2TIG35SpbvG99GaNoqX_kNWvMQ8gX468qYl8AX3LWJOQcAD8b3tSjp8TAADZesYau69agM2bKUsVaFzor6AG0P6wcGdfcOXv4SIrOjP4fDaSXd9EH-N1tSnvOTxT2IH5G2ApD19ld75BpKe2X2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Plantuml trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"gbonjBY\"><img alt=\"\" class=\"alignnone size-full wp-image-597\" decoding=\"async\" height=\"196\" sizes=\"(max-width: 554px) 100vw, 554px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7.png 554w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7-300x106.png 300w\" width=\"554\"\/><\/p>\n<p><strong>Ph\u00e2n t\u00edch c\u00fa ph\u00e1p:<\/strong> B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng l\u1ec7nh <code>robust<\/code> khai b\u00e1o, c\u00e1c tr\u1ea1ng th\u00e1i \u0111\u01b0\u1ee3c li\u1ec7t k\u00ea r\u00f5 r\u00e0ng tr\u00ean tr\u1ee5c Y cho t\u1eebng h\u00e0ng lu\u1ed3ng s\u1ed1ng ri\u00eang l\u1ebb. R\u00e0ng bu\u1ed9c \u0111\u00e1nh gi\u00e1 th\u1eddi gian (<code>@15 &lt;-&gt; @25 : {Kho\u1ea3ng th\u1eddi gian t\u1ea1o}<\/code>) v\u1ebd m\u1ed9t m\u0169i t\u00ean k\u00edch th\u01b0\u1edbc hai \u0111\u1ea7u ti\u00eau chu\u1ea9n xuy\u00ean qua \u0111\u1ec9nh l\u01b0\u1edbi th\u1eddi gian, cho th\u1ea5y gi\u1edbi h\u1ea1n ho\u1ea1t \u0111\u1ed9ng nghi\u00eam ng\u1eb7t.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u01a1 \u0111\u1ed3 th\u1eddi gian l\u00e0 g\u00ec? M\u1ed9t S\u01a1 \u0111\u1ed3 th\u1eddi gian l\u00e0 m\u1ed9t s\u01a1 \u0111\u1ed3 h\u00e0nh vi chuy\u00ean bi\u1ec7t s\u01a1 \u0111\u1ed3 UML \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 tr\u1ef1c quan h\u00f3a ch\u00ednh x\u00e1c th\u1eddi l\u01b0\u1ee3ng c\u1ee7a c\u00e1c tr\u1ea1ng th\u00e1i v\u00e0 \u0111i\u1ec1u ki\u1ec7n&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":9,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2112","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"datePublished\":\"2026-05-26T07:26:49+00:00\",\"description\":\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 th\u1eddi gian PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","name":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","datePublished":"2026-05-26T07:26:49+00:00","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/vn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 th\u1eddi gian PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs\/2112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2112"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}