Discount Ninja
Search
⌃K
Comment on page

Component

Attributes

ends-on (string)
format (string)
  • String representing the format in which the countdown clock should display the time left on the clock. The string can contain the following symbols:
    • Days
      • {d}...{/d}: a group related to the number of days left
      • [d]: the number of days left
      • [0,0]: the full label representing "days": by default "days"
      • [0,1]: the smaller label representing "days": by default "days"
      • [0,2]: the smallest label representing "days": by default "d"
    • Hours
      • {h}...{/h}: a group related to the number of hours left
      • [h]: the number of hours left
      • [1,0]: the full label representing "hours": by default "hours"
      • [1,1]: the smaller label representing "hours": by default "hrs"
      • [1,2]: the smallest label representing "hours": by default "h"
    • Minutes
      • {m}...{/m}: a group related to the number of minutes left
      • [m]: the number of minutes left
      • [2,0]: the full label representing "minutes": by default "minutes"
      • [2,1]: the smaller label representing "minutes": by default "min"
      • [2,2]: the smallest label representing "minutes": by default "s"
    • Seconds
      • {s}...{/s}: a group related to the number of seconds left
      • [s]: the number of seconds left
      • [3,0]: the full label representing "seconds": by default "seconds"
      • [3,1]: the smaller label representing "seconds": by default "sec"
      • [3,2]: the smallest label representing "seconds": by default "s"
Examples
  • "[s] [3,0]": x seconds
  • "[m] [2,0]": x hours
  • "[h] [1,0]": x hours
  • "[d] [0,0]": x days
  • "{d}[d] [0,0] {\d}{h}[h] [1,0] {\h}{m}[m] [2,0] {\m}[s] [3,0]": x days y hours z minutes v seconds
  • "{d}[d] [0,1], {\d}{h}[h] [1,1], {\h}{m}[m] [2,1] [4,0] {\m}[s] [3,1]": x days, y hours, z minutes and v seconds
  • "{d}[d] [0,1] {\d}{h}[h] [1,1] {\h}{m}[m] [2,1] {\m}[s] [3,1]": x days y hrs z min v sec
  • "{d}[d] [0,1], {\d}{h}[h] [1,1], {\h}{m}[m] [2,1] [4,0] {\m}[s] [3,1]": x days, y hrs, z min and v sec
  • "{m}[m] [2,0] [4,0] {\m}[s] [3,0]": x minutes and y seconds
  • "{m}[m] [2,1] [4,0] {\m}[s] [3,1]": x min and y sec
  • "{h}[h] [1,0] {\h}{m}[m] [2,0] [4,0] {\m}[s] [3,0]": x hours, y minutes and z seconds
  • "{h}[h] [1,1] {\h}{m}[m] [2,1] [4,0] {\m}[s] [3,1]": x hrs, y min and z sec
  • "[d]d:[h]h:[m]m:[s]s": xd:yh:zm:vs
  • "[d]:[h]:[m]:[s]": x:y:z:v
  • "{d}[d] [0,2] {\d}, {h}[h] [1,2] {\h}, {m}[m] [2,2] {\m}, [s] [3,2]": xd, yh, zm, vs
days (string)
  • Optional, custom label used to represent days.
  • The full label, smaller and smallest label are separated by comma.
  • The default value is: "days, days, d"
hours (string)
  • Optional, custom label used to represent hours.
  • The full label, smaller and smallest label are separated by comma.
  • The default value is: "hours, hrs, h"
minutes (string)
  • Optional, custom label used to represent minutes.
  • The full label, smaller and smallest label are separated by comma.
  • The default value is: "minutes, min, m"
seconds (string)
  • Optional, custom label used to represent seconds.
  • The full label, smaller and smallest label are separated by comma.
The default value is: "seconds, sec, s"
Previous
Countdown Clock
Next
Link
Last modified 5mo ago