Here is my code for the separators to show current time on DayPilot:
separators: [{color: "white" , location: prelocalISO.addHours(-7), width:36, opacity: 10}, //Glow around red line
{color: "white" , location: prelocalISO.addHours(-6), width:32, opacity: 11}, //Glow around red line
{color: "white" , location: prelocalISO.addHours(-5), width:26, opacity: 12}, //Glow around red line
{color: "yellow", location: prelocalISO.addHours(-4), width:22, opacity: 13}, //Glow around red line
{color: "red" , location: localISO, width:2}, //, layer: "AboveEvents"}, //Adds a red line to show current time
{color: "white" , location: prelocalISO.addHours(-3), width:16, opacity: 14}, //Glow around red line
{color: "white" , location: prelocalISO.addHours(-2), width:12, opacity: 15}, //Glow around red line
{color: "white" , location: prelocalISO.addHours(-1), width:6 , opacity: 16}, //Glow around red line
],
But I want it so if the page stays open, the line moves throughout the day.
This is not happening. I have code that refreshes the events on a timer, so everything else updates, but the separators never move. How can I refresh the separators without a full page refresh?