Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | 1x 800x 801x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 800x 1x 801x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 1x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 801x 1x 1x 1x | <div class="countdown-container">
<div class="countdown-line-container" *ngIf="targetDate">
<div class="countdown-segment">
<span class="value">{{ isPositiveTime ? 'T +' : 'T -' }}</span>
</div>
<div class="countdown-segment">
<span class="value">{{ formatNumber(days) }}</span>
<span class="label">DAYS</span>
</div>
<div class="countdown-segment">
<span class="value">{{ formatNumber(hours) }}</span>
<span class="label">HOURS</span>
</div>
<div class="countdown-segment">
<span class="value">{{ formatNumber(minutes) }}</span>
<span class="label">MINUTES</span>
</div>
<div class="countdown-segment">
<span class="value">{{ formatNumber(seconds) }}</span>
<span class="label">SECONDS</span>
</div>
</div>
@if (!compactMode) {
<div class="countdown-line-container">
<div class="countdown-segment">
<span class="value">Target</span>
<span class="label">{{localTimeZone}}</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getFullYear() : '--' }}</span>
<span class="label">YEAR</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? localMonth : '--' }}</span>
<span class="label">MONTH</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getDate() : '--' }}</span>
<span class="label">DAY</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getHours() : '--' }}</span>
<span class="label">HOURS</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getMinutes() : '--' }}</span>
<span class="label">MINUTES</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getSeconds() : '--' }}</span>
<span class="label">SECONDS</span>
</div>
</div>
<div class="countdown-line-container">
<div class="countdown-segment">
<span class="value">Target</span>
<span class="label">UTC</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getUTCFullYear() : '--'}}</span>
<span class="label">YEAR</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? UTCMonth : '--' }}</span>
<span class="label">MONTH</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getUTCDate() : '--'}}</span>
<span class="label">DAY</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getUTCHours() : '--'}}</span>
<span class="label">HOURS</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getUTCMinutes() : '--'}}</span>
<span class="label">MINUTES</span>
</div>
<div class="countdown-segment">
<span class="value">{{ targetDate !== null ? targetDate.getUTCSeconds() : '--'}}</span>
<span class="label">SECONDS</span>
</div>
</div>
}
</div>
|