Stopwatch in visupage.

[ceddix]

Hello!

Working on a project at a theatre.

I will set up a visualization for them using a logic machine.


But on a page they want a stopwatch with a lap function.
Is it possible to use an external url like, https://vclock.com/stopwatch/# in a frame?


Or is there another solution?

[Daniel]

It will work in a frame if LM has internet access.

[ceddix]

Hi,

If i put in it a frame I get a erromessage in the frame. 

Tried diffrent websites, it's the same error. 

Check the image. 
Logicmachine got internet access. 

Is it possible to use this CSS template, to create a own widget? https://codepen.io/hilotacker/pen/ONZWoX

I'm not that good how css or java script works and if that's is a option.

[Daniel]

Make sure to enable: Allow external access via iframe: in Vis. configuration.

[ceddix]

Thanks it worked. 

But is it possible to create a own widget with that template in that linked i wrote before?

[ceddix]

Daniel, 

Is it possible to have that STOPWATCH inside the visu https://codepen.io/hilotacker/pen/ONZWoX without link it with frame?

Some like locally on the Logicmachine? If i use link with frame, the clock stop ticking and Will be reset every time I go the page where the stopwatch are.

[Daniel]

LM can rune any html code but you must create it first. You can upload any html page to user directory in apps ftp.
You can even make your own app which will do it.
https://kb.logicmachine.net/misc/apps/

[admin]

Try enabling persistent mode for the frame.

[ceddix]

I have uploaded a html page, to the user mapp in the ftp. 
Tried to make a frame it in the visu, like "http://192.168.70.40/user/tidur/html" but I dont get any page shown. Also tried to "192.168.70.40/user/tidur.html" then I got "404 not found"
I'm doing something wrong?

[Daniel]

Share the files you uploaded to user directory

[ceddix]

Here you go.

[Daniel]

Try this, works for me.
/user/tidur.html

[ceddix]

Thanks, works now.
Removed the Ipadress.

[Daniel]

Can I ask, what is it for? I can't came up with any use case

[buuuudzik]

It looks that there is some small bug in this stopwatch. When minutes has some value higher than "00" clicking on the reset button doesn't reset the minutes. It starts to work when using appendMinutes.textContent = "00" instead of appendMinutes.innerHMTL = minutes in resetBtn.onclick function.

And it would be more precise with using Date.now() instead of incrementing tens in setInterval which isn't perfect for this purpose because it can be snoozed by a browser when you will switch the tab and restarted when you will return to it.

[ceddix]

I'm building a visualization for a theater. The function has nothing to do with lighting or anything to do with the building itself.
It's for the stage manager who starts it on a touch screen to keep track of the program time.
They had an old hmi panel that controlled lighting and other things, which also had a timer on it, so they asked if we could fix the same function.


Okay, thanks!
I haven't tested the timer "properly" but found a ready-made template on the internet. I'm not really a coder myself, so I'll try changing the things you found.