Has anyone created a working clock, watchface in hype?

21

put all in a group, set responsive settings including scale contents

22

Hello Hans,

I tried, but there is a javascript in it:


	baseSec = 0;
	baseMin = 0;
	baseStd = 0;
    firstStart = 1;
    
	setTime();

	setInterval(setTime, 1000);
	
	function setTime(){
	var now = new Date();
    var hour = now.getHours();
    if(hour > 12)hour-= 12;
    var minute = now.getMinutes();
    var second = now.getSeconds();
    
    var stundenzeiger = document.getElementById('stunde');
    if(hour === 0&& minute === 0 && second === 0)baseStd += 360;
	var Winkel = baseStd + (hour*30+(minute*6/12));
	rotate(stundenzeiger, Winkel);

    var minutenzeiger = document.getElementById('minute');
    if(minute === 0 && second === 0)baseMin += 360;
	Winkel =baseMin + (minute*6);
	rotate(minutenzeiger, Winkel);


    var sekundenzeiger = document.getElementById('sekunde');
    if(second === 0)baseSec += 360;
    Winkel = baseSec + (second*6);
	rotate(sekundenzeiger, Winkel);
	
	
	var zehntelSekundenzeiger = document.getElementById('zehntel');
	console.log(firstStart)
	if(firstStart)zehntelSekundenzeiger.classList.add("zehntel"); firstStart =!1;
	}
	
	
	function rotate(el, winkel){
	el.style.webkitTransform = 'rotate('+winkel+'deg)'; 
    el.style.mozTransform    = 'rotate('+winkel+'deg)'; 
    el.style.transform       = 'rotate('+winkel+'deg)'; 
	}

Is that the reason?

23

ah sry, if you talk about layouts ... switch all to the use of class instead of id. should work then ...