# 在畫面上印出日期時間

正式網址：https://newmediaart.course.monolab.world/snippets/datetime-text

year()、month()、day()、hour()、minute()、second() 拿到現在的時間，用跟存檔檔名同一個 pad() 補零，印成時鐘。

- **分類**：時間與隨機
- **行數**：30 行（p5.js 1.x／2.x）

貼上 pad、timestamp 兩個函式，在 draw() 裡用 text() 印出來；已經貼過存檔那段就不用再貼一次。

```js
// 在畫面上印出現在的日期時間（跟存檔檔名同一組補零函式）
function setup() {
  createCanvas(600, 300);
}

function draw() {
  background(15);
  fill(255);
  textAlign(CENTER, CENTER);
  const date = year() + ' / ' + pad(month()) + ' / ' + pad(day());
  const clock = pad(hour()) + ':' + pad(minute()) + ':' + pad(second());
  textSize(36);
  text(date, width / 2, height / 2 - 50);
  textSize(72);
  text(clock, width / 2, height / 2 + 30);
  textSize(14);
  fill(150);
  text('存檔檔名會是 sketch-' + timestamp() + '.jpg', width / 2, height - 24);
}

// 補零：7 → "07"。檔名長度一致，資料夾裡才會照時間排好
function pad(n) {
  return String(n).padStart(2, '0');
}

// 現在的日期時間：2026-09-29-1905-12（年-月-日-時分-秒）
function timestamp() {
  return year() + '-' + pad(month()) + '-' + pad(day()) + '-' +
    pad(hour()) + pad(minute()) + '-' + pad(second());
}
```

## 同類常用指令・時間與隨機

- [用時間當參數：秒數與 sin 呼吸](https://newmediaart.course.monolab.world/snippets/time-breath)
- [存檔名帶種子：喜歡的那張找得回來](https://newmediaart.course.monolab.world/snippets/seed-in-filename)

[回到全部常用指令](https://newmediaart.course.monolab.world/snippets)

[到 Hahow 報名](https://hahow.in/cr/creative-code)。價格與優惠以 Hahow 頁面為準。