Carson's Travels - 章鱼漫游记-Test VBA

<!DOCTYPE html>

<html>

<body>

<thead>

<th style="padding: 10px; text-align: center; border: 1px solid #ddd;">Emoji</th>

<th style="padding: 10px; text-align: center; border: 1px solid #ddd;">Status</th>

</tr>

</thead>

<tbody>

<tr>

<td style="padding: 10px; text-align: center; border: 1px solid #ddd;">Working Hours</td>

</tr>

<tr>

<td style="padding: 10px; text-align: center; border: 1px solid #ddd;">Non-Working Hours</td>

</tr>

</tbody>

</table>

<thead>

<th style="width: 15%; padding: 10px; text-align: center; border: 1px solid #ddd;">Region</th>

<th style="width: 17%; padding: 10px; text-align: center; border: 1px solid #ddd;">Poland (CET/CEST)</th>

<th style="width: 17%; padding: 10px; text-align: center; border: 1px solid #ddd;">India (IST)</th>

<th style="width: 17%; padding: 10px; text-align: center; border: 1px solid #ddd;">China (CST)</th>

</tr>

</thead>

<tbody>

<tr>

<td style="padding: 10px; text-align: center; border: 1px solid #ddd;">Timezone</td>

</tr>

<tr>

</tr>

<tr>

<td style="padding: 10px; text-align: center; border: 1px solid #ddd;">Status</td>

</tr>

<tr>

<td style="padding: 10px; text-align: center; border: 1px solid #ddd;">Time Adjustment</td>

</td>

</tr>

</tbody>

</table>

<button onclick="resetTime()" style="padding: 10px 20px; font-size: 16px;">Back to current time</button>

</div>

let offsetMinutes = 0;

function updateTimes() {

const currentTime = new Date();

const adjustedTime = new Date(currentTime.getTime() + offsetMinutes * 60 * 1000);

const timeZones = {

'time-us': { timeZone: 'America/New_York', workStart: 9, workEnd: 18, iconId: 'work-status-us' },

'time-uk': { timeZone: 'Europe/London', workStart: 9, workEnd: 18, iconId: 'work-status-uk' },

'time-poland': { timeZone: 'Europe/Warsaw', workStart: 9, workEnd: 18, iconId: 'work-status-poland' },

'time-india': { timeZone: 'Asia/Kolkata', workStart: 9, workEnd: 18, iconId: 'work-status-india' },

'time-china': { timeZone: 'Asia/Shanghai', workStart: 9, workEnd: 18, iconId: 'work-status-china' }

};

for (let id in timeZones) {

const tz = timeZones[id];

const tzTime = new Date(adjustedTime.toLocaleString('en-US', { timeZone: tz.timeZone }));

const hours = tzTime.getHours();

const hours24 = hours.toString().padStart(2, '0');

const minutes = tzTime.getMinutes().toString().padStart(2, '0');

const seconds = tzTime.getSeconds().toString().padStart(2, '0');

const hours12 = ((hours + 11) % 12 + 1);

const amPm = hours >= 12 ? 'PM' : 'AM';

document.getElementById(id).textContent = `${hours24}:${minutes}:${seconds} (${hours12}:${minutes}:${seconds} ${amPm})`;

document.getElementById(tz.iconId).textContent = (hours >= tz.workStart && hours < tz.workEnd) ? '😊' : '😴';

}

function resetTime() {

offsetMinutes = 0;

document.getElementById('slider').value = 0;

updateTimes();

}

document.getElementById('slider').addEventListener('input', function() {

offsetMinutes = parseInt(this.value);

updateTimes();

});

setInterval(updateTimes, 1000);

updateTimes();

</script>

</body>

</html>

一	二	三	四	五	六	日
	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

Carson's Travels - 章鱼漫游记

一些关于旅行的东东 | Adventure travel around the world

Test VBA2024-05-29 21:43:28