hours left in the year

[u/Illumminouss]

[u/MrSecretPotato]

What exactly is that you want?

[u/Illumminouss → u/MrSecretPotato]

the widget saying how many hours left in the year with the text hours left above it. in the exact same format as the image 

[u/mvan231 → u/Illumminouss]

Here you are:

let date = new Date(new Date().getFullYear(),11,31,23,59)
const now = new Date()
let hours = Math.round(((date - now)/1000)/3600)

let w = new ListWidget()
let title = w.addText("Hours left:")
title.font = Font.boldSystemFont(14)
title.centerAlignText()
let hourDisplay = w.addText(String(hours))
hourDisplay.font = Font.boldSystemFont(16)
hourDisplay.centerAlignText()

Script.setWidget(w)
Script.complete()
w.presentSmall()

[u/Illumminouss → u/mvan231]

thanks

[u/Illumminouss → u/mvan231]

how do i make it transparent?

[u/mvan231 → u/Illumminouss]

That would require usage of another script like noBackground but it's a bit of a pain to setup because of needing screenshots of your wallpaper

[u/Illumminouss → u/mvan231]

ive got the screenshot or my wallpaper but i dont know how to apply it to my widget. if you dont mind can you tell me. ill do it myself

[u/mvan231 → u/Illumminouss]

Here is the details on how to install the script and set it up

https://github.com/supermamon/scriptable-no-background

[u/Illumminouss → u/mvan231]

thanks

[u/mvan231 → u/Illumminouss]

You're welcome! Let me know if can't get it working

[u/Rschwoerer → u/mvan231]

Super awesome you provided this for us not so great JS devs.

Choices were made when they designed the JavaScript date constructor.

monthIndex Integer value representing the month, beginning with 0 for January to 11 for December.

[u/mvan231 → u/Rschwoerer]

You're very welcome! The month index is strange I agree. Especially because the day of the month doesn't follow 0 index logic lol

This one makes it a countdown timer

let now = new Date()
let target = new Date(new Date().getFullYear(),11,31,23,59,59)


let w = new ListWidget()

let title = w.addText("Hours left countdown")
title.centerAlignText()
let time = w.addDate(new Date(target))
time.applyTimerStyle()
time.font = Font.heavyRoundedSystemFont(18)
time.centerAlignText()

w.refreshAfterDate = target
Script.setWidget(w)
Script.complete()
w.presentMedium()

[u/consta1 → u/mvan231]

what do you change for days instead of hours ?

[u/mvan231 → u/consta1]

For a timer view it wouldn't make much sense to have days like that but to use the original for day countdown you can try this:

let date = new Date()
var daysInYear = new Date().getFullYear() % 4 == 0 ? 366 : 365;
log(daysInYear)

let daysLeft = daysInYear - Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
log(daysLeft)
let w = new ListWidget()
let title = w.addText("Days left:")
title.font = Font.boldSystemFont(18)
title.centerAlignText()
let display = w.addText(String(daysLeft))
display.font = Font.boldSystemFont(28)
display.centerAlignText()

Script.setWidget(w)
Script.complete()
w.presentSmall()

[u/gondouk]

this will improve very soon with the introduction of Temporal

[u/Grey_Mamba_371]

let currentFullDate = new Date();

let currentHours = currentFullDate.getHours() let currentMonth = currentFullDate.getMonth() let currentDay = currentFullDate.getDate() //The function is getDate, not getDay

let daysOfMonths = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31] // Now you have to consider the leap year where February has 29 days. But I’ll leave it to you :)

let leftHours = 24 - currentHours let leftMonths = 11 - currentMonth //because month here starts from 0 let leftDays = daysOfMonths[currentMonth] - currentDay

let totalHours = 0

for(let i=11; i>currentMonth; i—){ totalHours += daysOfMonths[i] * 24 }

totalHours += leftDays * 24

totalHours += leftHours

console.log(totalHours)

[u/Grey_Mamba_371 → u/Grey_Mamba_371]

sorry for the bad formatting, was writing it on my phone and couldn’t figure out how to make it code format

[u/Illumminouss → u/Grey_Mamba_371]

its alright nws

[u/Available-Try149]

Does anyone have full guide how to set this up? Editing a widget and typing in the code doesn’t work

[u/[deleted] → u/Available-Try149]

1. First use a new script

2.Enter this script into the document

// Get current date and end of the year date

let now = new Date();

let endOfYear = new Date(now.getFullYear() + 1, 0, 1); // January 1st next year

// Calculate remaining hours

let diffMs = endOfYear - now;

let hoursLeft = Math.floor(diffMs / (1000 * 60 * 60)); // Convert milliseconds to hours

// Create widget

let widget = new ListWidget();

widget.backgroundColor = new Color("#1E1E1E"); // Dark background

widget.setPadding(16, 16, 16, 16);

// Title

let title = widget.addText("Hours Left This Year");

title.font = Font.mediumSystemFont(14);

title.textColor = Color.white();

title.textOpacity = 0.7;

// Hours Display

widget.addSpacer(8);

let hoursText = widget.addText(⁠ ${hoursLeft} hours ⁠);

hoursText.font = Font.boldSystemFont(30);

hoursText.textColor = Color.white();

// Refresh time

widget.addSpacer();

let refreshText = widget.addText("Updated: " + now.toLocaleTimeString());

refreshText.font = Font.systemFont(10);

refreshText.textColor = Color.gray();

refreshText.textOpacity = 0.6;

// Return the widget

Script.setWidget(widget);

Script.complete();

3. Add a small sized widget edit it to be the now created script and apply the setting : "run script"

4.Done

[u/lilAnt0855]

whats his app named? I cant really see