Widget:Countdown - Revision history

Raw Salad at 18:44, 10 December 2024

2024-12-10T18:44:54Z

← Older revision		Revision as of 18:44, 10 December 2024
Line 10:		Line 10:
	let timezoneOffset = new Date().getTimezoneOffset()601000;		let timezoneOffset = new Date().getTimezoneOffset()601000;
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let now = new Date().getTime();		let now = new Date().getTime() + timezoneOffset;
	let distance = countDownDate - now ~~+ timezoneOffset~~;		let distance = countDownDate - now;
	let days = Math.floor(distance / (1000 * 60 * 60 * 24));		let days = Math.floor(distance / (1000 * 60 * 60 * 24));
	let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));		let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
Line 40:		Line 40:

	==Example 2==		==Example 2==
	<pre>{{#widget:Countdown\|uniqueId=B\|date=2024-12-~~31 23~~:59:59}}</pre>		<pre>{{#widget:Countdown\|uniqueId=B\|date=2024-12-10 20:00:00}}</pre>
	{{#widget:Countdown\|uniqueId=B\|date=2024-12-10 20:00:00}}		{{#widget:Countdown\|uniqueId=B\|date=2024-12-10 20:00:00}}

Raw Salad at 18:43, 10 December 2024

2024-12-10T18:43:10Z

← Older revision		Revision as of 18:43, 10 December 2024
Line 8:		Line 8:
	var <!--{$uniqueId\|default:'timer'\|escape:'html'}--> = setIntOnStart( _ => {		var <!--{$uniqueId\|default:'timer'\|escape:'html'}--> = setIntOnStart( _ => {
	let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";		let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";
			let timezoneOffset = new Date().getTimezoneOffset()601000;
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let now = new Date().getTime();		let now = new Date().getTime();
	let distance = countDownDate - now;		let distance = countDownDate - now + timezoneOffset;
	let days = Math.floor(distance / (1000 * 60 * 60 * 24));		let days = Math.floor(distance / (1000 * 60 * 60 * 24));
	let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));		let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
Line 40:		Line 41:
	==Example 2==		==Example 2==
	<pre>{{#widget:Countdown\|uniqueId=B\|date=2024-12-31 23:59:59}}</pre>		<pre>{{#widget:Countdown\|uniqueId=B\|date=2024-12-31 23:59:59}}</pre>
	{{#widget:Countdown\|uniqueId=B\|date=2024-12-~~31 23~~:59:59}}		{{#widget:Countdown\|uniqueId=B\|date=2024-12-10 20:00:00}}

	==Example 3==		==Example 3==

Raw Salad: Undo revision 50771

2024-12-10T18:32:58Z

Undo revision 50771

← Older revision		Revision as of 18:32, 10 December 2024
Line 8:		Line 8:
	var <!--{$uniqueId\|default:'timer'\|escape:'html'}--> = setIntOnStart( _ => {		var <!--{$uniqueId\|default:'timer'\|escape:'html'}--> = setIntOnStart( _ => {
	let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";		let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";
	~~let timezoneOffset = new Date().getTimezoneOffset()601000;~~		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let countDownDate = (new Date('<!--{$date\|escape:'quotes'}-->').getTime()~~) + timezoneOffset~~;
	let now = new Date().getTime();		let now = new Date().getTime();
	let distance = countDownDate - now;		let distance = countDownDate - now;

Raw Salad: Adjusting the countdown date to be UTC

2024-12-10T18:27:39Z

Adjusting the countdown date to be UTC

← Older revision		Revision as of 18:27, 10 December 2024
Line 8:		Line 8:
	var <!--{$uniqueId\|default:'timer'\|escape:'html'}--> = setIntOnStart( _ => {		var <!--{$uniqueId\|default:'timer'\|escape:'html'}--> = setIntOnStart( _ => {
	let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";		let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let timezoneOffset = new Date().getTimezoneOffset()601000;
			let countDownDate = (new Date('<!--{$date\|escape:'quotes'}-->').getTime()) + timezoneOffset;
	let now = new Date().getTime();		let now = new Date().getTime();
	let distance = countDownDate - now;		let distance = countDownDate - now;

Raw Salad at 18:22, 10 December 2024

2024-12-10T18:22:29Z

← Older revision		Revision as of 18:22, 10 December 2024
Line 10:		Line 10:
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let now = new Date().getTime();		let now = new Date().getTime();
	~~let timezoneOffset = new Date().getTimezoneOffset()601000;~~		let distance = countDownDate - now;
	let distance = countDownDate - now ~~+ timezoneOffset~~;
	let days = Math.floor(distance / (1000 * 60 * 60 * 24));		let days = Math.floor(distance / (1000 * 60 * 60 * 24));
	let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));		let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

Raw Salad at 18:17, 10 December 2024

2024-12-10T18:17:03Z

← Older revision		Revision as of 18:17, 10 December 2024
Line 10:		Line 10:
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let now = new Date().getTime();		let now = new Date().getTime();
	let distance = countDownDate - now;		let timezoneOffset = new Date().getTimezoneOffset()601000;
			let distance = countDownDate - now + timezoneOffset;
	let days = Math.floor(distance / (1000 * 60 * 60 * 24));		let days = Math.floor(distance / (1000 * 60 * 60 * 24));
	let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));		let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

Raw Salad: Undo revision 50767

2024-12-10T17:56:38Z

Undo revision 50767

← Older revision		Revision as of 17:56, 10 December 2024
Line 9:		Line 9:
	let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";		let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let now = new Date().~~now~~();		let now = new Date().getTime();
	let distance = countDownDate - now;		let distance = countDownDate - now;
	let days = Math.floor(distance / (1000 * 60 * 60 * 24));		let days = Math.floor(distance / (1000 * 60 * 60 * 24));

Raw Salad: Changed method from gettime() to now()

2024-12-10T17:52:33Z

Changed method from gettime() to now()

← Older revision		Revision as of 17:52, 10 December 2024
Line 9:		Line 9:
	let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";		let id = "<!--{$uniqueId\|default:'timer'\|escape:'html'}-->";
	let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();		let countDownDate = new Date('<!--{$date\|escape:'quotes'}-->').getTime();
	let now = new Date().~~getTime~~();		let now = new Date().now();
	let distance = countDownDate - now;		let distance = countDownDate - now;
	let days = Math.floor(distance / (1000 * 60 * 60 * 24));		let days = Math.floor(distance / (1000 * 60 * 60 * 24));

Brecher: Change countdown ending text

2024-09-01T10:28:31Z

Change countdown ending text

← Older revision		Revision as of 10:28, 1 September 2024
Line 20:		Line 20:
	if (distance < 0) {		if (distance < 0) {
	clearInterval(<!--{$uniqueId\|default:'timer'\|escape:'html'}-->);		clearInterval(<!--{$uniqueId\|default:'timer'\|escape:'html'}-->);
	document.getElementById(id).innerHTML = "~~LIVE NOW~~";		document.getElementById(id).innerHTML = "ENDED";
	}		}
	}, 1000);		}, 1000);

Raw Salad: Forgot to update the pre examples.

2024-08-30T13:33:08Z

Forgot to update the pre examples.

← Older revision		Revision as of 13:33, 30 August 2024
Line 35:		Line 35:

	==Example 1==		==Example 1==
	<pre>{{#widget:Countdown\|uniqueId=A\|date=~~2024~~-08-26 23:59:59}}</pre>		<pre>{{#widget:Countdown\|uniqueId=A\|date=2025-08-26 23:59:59}}</pre>
	{{#widget:Countdown\|uniqueId=A\|date=2025-08-26 23:59:59}}		{{#widget:Countdown\|uniqueId=A\|date=2025-08-26 23:59:59}}

	==Example 2==		==Example 2==
	<pre>{{#widget:Countdown\|uniqueId=B\|date=2024-08-25 23:59:59}}</pre>		<pre>{{#widget:Countdown\|uniqueId=B\|date=2024-12-31 23:59:59}}</pre>
	{{#widget:Countdown\|uniqueId=B\|date=2024-12-31 23:59:59}}		{{#widget:Countdown\|uniqueId=B\|date=2024-12-31 23:59:59}}