Iframe vertraagd zichtbaar maken

Status
Niet open voor verdere reacties.

jojajupa

Gebruiker
Lid geworden
21 jan 2011
Berichten
112
Hallo,

Ik heb op mijn website een iframe staan die een video laat zien die op Vimeo staat. Nu wil ik graag dat dit iframe pas om 10:00 uur op zondagmorgen zichtbaar wordt.
Ik gebruik Wordpress.
Is het mogelijk om een bepaalde code voor de embedde iframe code te zetten zodat deze pas zichtbaar wordt om 10:00 uur?
 
Html en css hebben hier geen mogelijkheid voor. Het kan wel met Javascript maar dan wordt het tijdstip gebruikt van de klok op de pc van de bezoeker (die mogelijk van jouw gekozen tijdstip kan afwijken). Hieronder het script om het iframe niet te tonen voor een bepaalde datum en tijd.
Code:
<script type="text/javascript">
var ActiveDay   = 23; // 01-31 (dag)
var ActiveMonth = 03; // 01-12 (maand)
var ActiveHour  = 10; // 00-23 (uur)
var Hide = false;
var d = new Date();
if (d.getDate() < ActiveDay) Hide = true;
if ((d.getMonth()+1) < ActiveMonth) Hide = true;
if (d.getHours() < ActiveHour) Hide = true;
if (Hide) document.querySelector("iframe").style.display = 'none';
</script>

Op de laatste regel is ("iframe") de eerst gevonden iframe. Als de iframe een id heeft dan kan je dit veranderen in ("#idVanIframe") dus een hash met de id naam van de iframe zonder spaties.

Opmerking: als de pagina wordt geladen om 9:55 dan is de iframe niet zichtbaar én blijft niet zichtbaar tot de volgende refresh van de pagina.
 
Laatst bewerkt:
Bovenstaande code moet ik dan plaatsen boven de code waarmee de iframe zichtbaar wordt?
 
De code kan je ergens onder het iframe zetten.

Vraagje: moet het ook volgend jaar goed werken?
Of is het een eenmalige actie?
 
Laatst bewerkt:
Hartelijk dank, het werkt.

Nog even een vraag.
Kan het ook op minuten?
Dus als ik 09:45 uur het klaar wil hebben staan.
Moet dan deze regel er extra bij in staan?

var ActiveMinute = 45; // 00-60 (minuut)
 
De code kan je ergens onder het iframe zetten.

Vraagje: moet het ook volgend jaar goed werken?
Of is het een eenmalige actie?

Sorry deze vraag niet gezien.
Vermoedelijk een éénmalige actie ivm Corona.
Maar als het jaar erbij in kan, is het wel compleet.
 
Onthoud wel dat mensen in een andere tijdszone het filmpje eerder of later kunnen zien. Het script gebruikt de datum en tijd van de computer van de bezoeker.
 
Hartelijk dank, het werkt.

Nog even een vraag.
Kan het ook op minuten?
Dus als ik 09:45 uur het klaar wil hebben staan.
Moet dan deze regel er extra bij in staan?

var ActiveMinute = 45; // 00-60 (minuut)

Ik heb bovenstaande code erbij ingezet. Maar dat werkt niet. Ik hoor graag of het ook op de minuten ingesteld kan worden.
 
Even met andere dingen bezig geweest :)
Hiermee kan je alles invullen wat je vraagt
Code:
<script type="text/javascript">
// vanaf deze datum en tijd wordt de iframe getoond
var Dag=22, Maand=03, Jaar=2020, Uur=09, Minuut=45;
var dt1 = new Date(Jaar, Maand-1, Dag, Uur, Minuut);
var dt2 = new Date();
if (dt2.getTime() < dt1.getTime()) {
  // volgende regel de id van de iframe
  document.querySelector("#myIframe").style.display = 'none';
}
</script>

De laatste regel ("#myIframe") nog aanpassen met de id van jouw iframe.

Ook volgende jaren werkt het (ik hoop niet dat het dan nog nodig is voor corona)

Aanvulling:
Dag 01-31 , Maand 01-12 , Jaar 1970-2037 , Uur 00-23 , Minuut 00-59
Het jaar is een 'zekerheid' range die op 32/64 bits systemen werkt, ook op oudere systemen.
 
Laatst bewerkt:
Ik heb niet echt een id van mijn iframe.
Het is een video die op Vimeo staat en in mijn website wordt getoond.
Ik laat wel ("iframe") staan, als dat kan.
 
Geen probleem, "iframe" is ook prima. Het script pakt dan het eerste iframe op de pagina.
 
Zo wordt het
Code:
 document.querySelector[B]("iframe")[/B].style.display = 'none';

Heb je dit zo in jouw pagina?
 
Graag gedaan. Scu6 met de website :thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan