HTML Placeholder after add Web Animation to any object

**Kraucik** · 12 March 2019, 10:19 AM

Hi guys,

sorry if this thread was created before, but i cant find it anywhere.
I add to Xara Web Designer Premium HTML Placeholder (countdown timer)
It works perfect. But when i add any web animation to any object, countdown timer start count not after each second, but after 2 seconds...
Can someone help me, where could be the problem?

Peter

**Acorn** · 12 March 2019, 11:45 AM

Originally Posted by Kraucik

Hi guys,
sorry if this thread was created before, but i cant find it anywhere.
I add to Xara Web Designer Premium HTML Placeholder (countdown timer)
It works perfect. But when i add any web animation to any object, countdown timer start count not after each second, but after 2 seconds...
Can someone help me, where could be the problem?
Peter

Peter, no we cannot help without seeing your design file.

Acorn

**Kraucik** · 12 March 2019, 01:30 PM

Count.txt

There is a count file. If i save it like count.html it works fine after open it.

**Kraucik** · 12 March 2019, 01:53 PM

There is a example project. When you open it, try open in website. Countdown count each 2 seconds.
When you go on the purple picture, right click -> Web Animation and you delete animation (Parallax) , countdown start count every 1 second.. And thats it...
I dont know, why..

**Acorn** · 12 March 2019, 02:12 PM

Karucik, you are forcing two additional BODY tags into an HTML page that already has one.

Because of that, you are calling function getSeconds() twice.

The code you supplied also included a jQuery call to invoke function getSeconds().
This is better replace with:

Code:

<script>window.onload = function () {
    getSeconds();
}
</script>

I have parsed out your code away from the display HTML so you have a Placeholder with the JS/CSS in its Head and the web display in its Body.
I removed the need for jQuery.

JSCSS-Countdown Timer.xar

Acorn

P.S. You would be better adding extra variables for the HH:MM:SS part of this statement:

var countertime = new Date(nowDate.getFullYear(),nowDate.getMonth(),nowD ate.getDate(),15,36,40);