Zeiterfassung eines ausgeklappten Info-Buttons

Question

Ich habe in meiner Befragung anhand eines HTML- und JavaScript Codes einen anklickbaren Info-Button eingebunden. Dieser Info-Button gibt den Probanden zusätzliche Informationen.

Nun möchte ich nachverfolgen, wie lange dieser Info-Button bei den Probanden ausgeklappt war (vorausgesetzt das er angeklickt wurde) und habe dafür eine Interne Variable mit den Kennungen IV02_01 und IV02_02 aufgesetzt.

Dank eines beispielhaften Codes auf eurer Anleitungs-Seite (Link) habe ich bereits folgenden (noch nicht ganz funktionstüchtigen) Code angelegt:

<!-- Zunächst der Knopf zum Anzeigen der Info -->
<button type="button" onclick="buttonShow()">(i) Mehr Infos zur Prüfung der Kundenbewertungen</button>
 
<!-- Und dann die Info-Box -->
<div id="infoBox" style="width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">
 <p>  Es findet keine Echtheitsprüfung der Kundenbewertungen statt. </p>
Damit ist nicht sichergestellt, dass die dargestellten Bewertungen von Verbrauchern stammen, welche die bewerteten Produkte tatsächlich erworben haben.
  <p style="text-align: center; margin-top: 20px">
    <button type="button" onclick="buttonHide()">Schließen</button>
  </p>
</div>
 
<!-- Der JavaScript-Code -->
<script type="text/javascript">
<!--
var info = document.getElementById("infoBox");
info.style.display = "none"; // Box ausblenden
info.style.position = "absolute";
info.style.zIndex = 999;
// Entweder fix auf der Seite platziert
// info.style.left = "50px";
// info.style.top = "100px";
// Oder ein definiertes Stückchen unter dem Knopf
info.style.marginTop = "10px";
 
var info = document.getElementById("infoBox");
var intVar = document.getElementById("IV01_01"); // Hier muss die Kennung der internen Variable eingetragen werden
info.style.display = "none"; // Box ausblenden
if (!intVar.value) {
  intVar.value = "1";
}
 
function buttonShow() {
  // Infobox anzeigen
  info.style.display = "";
  // Abspeichern, dass der Button angeklickt wurde
  intVar.value = "2";
}
function buttonHide() {
  // Infobox wieder ausblenden
  info.style.display = "none";
}

window.addEventListener("load", function() {
    var timer = new LatencyTimer();
    document.getElementById("infoBox").addEventListener("click", timer.eventHandler("IV02_01", true));
    document.getElementById("infoBox").addEventListener("click", timer.eventHandler("IV02_02", true));
});

//-->
</script>

Allerdings erfasst dieser Code für IV02_01 bislang nur den Zeitraum vom Laden der Befragungsseite bis zum Schließen des Info-Buttons. Für IV02_02 ist der Wert stets = 0.

Wie kann ich den Code nun korrigieren, um die Dauer, die der Info-Button ausgeklappt war, zu erfassen?

Wenn ich mich recht entsinne benötige ich ja eigentlich nur noch den Zeitraum zwischen Laden der Befragungsseite bis zum Öffnen des Info-Buttons, damit ich mir anhand einer dritten Internen Variable die Differenz der beiden Zeiträume ausrechnen lassen kann.