2016-10-20 4 views
0

In meiner Haupt-HTML-Seite ausführen, ohne php, ich habe den folgenden Code:Wie eine Schaltfläche Onclick-Funktion in einer Webseite macht eine Funktion in einer anderen Webseite

<p class="text" id="time">00:00</p> 

In meiner anderen HTML-Seite, habe ich folgend Code:

<button onclick="resettime()">RESET TIME</button> 

beide Link auf die gleiche Javascript-Seite, die den Code hat:

function timeIncrement() 
{ 
    document.getElementById('time').innerHTML = +mins+":"+secs; 
    if(secs==60) 
    { 
    mins+=1; 
    secs = 0; 
    } 
} 

var timecheck = setInterval(timeIncrement,1000); 

function resettime() 
{ 
    clearInterval(timecheck); 
    mins = 0; 
    secs = 0; 
    timecheck = setInterval(timeIncrement,1000); 
} 

Cl Wenn man den Knopf drückt, wird die Zeit nicht auf 0: 0 zurückgesetzt, also funktioniert es nicht, also habe ich mich gefragt, ob es irgendeinen Weg gibt, dies zu tun, ohne in PHP zu gehen. Ich bin neu bei html/js, also tut mir leid, wenn das eine Wiederholung ist, konnte ich keine ähnliche finden.

+0

für Haben fragen Sie, wie Reset zu machen() arbeiten oder wie um es von einer zweiten Seite zu nennen? – Cruiser

+0

@Cruiser Wie funktioniert es, da das Problem darin besteht, dass der OnClick auf einer anderen Seite ist, oder? –

+0

Wenn es nicht mehr Code gibt, den Sie nicht angezeigt haben, hat timeIncrement() keine Kenntnis von den Variablen min und sec. Um resettime() von einer anderen Seite aufzurufen, müssen Sie eine GET-Anfrage an die zweite Seite senden und die URL analysieren, dann rufen Sie resettime() basierend auf den übergebenen Werten auf. – Cruiser

Antwort

0

Zwei html bedeutet zwei Fenster. Wenn Sie Skript von einem Fenster zu einem anderen Fenster ausführen möchten, sollten Sie das Objekt des anderen Fensters haben und beide Fenster sollten document.domain haben. Referenz eines anderen Fensters

in Haupt html fügen Sie den folgenden

<script>window.open("other.html");//other html will open automatically</script> 

in anderen html, ändern Sie den Code zu folgenden

<button onclick="resettimeinMainHtml()">RESET TIME</button> 

<script>function resettimeinMainHtml(){window.opener.resettime();// will reset in mail html}</script> 
+0

Ich habe es versucht, es hat nicht funktioniert, sorry :(Ich denke, das hat mit dem zweiten Dokument keinen Zugriff auf die vars Minuten und Sekunden, vielleicht? –

+0

erklären Mins und Sekunden global und versuchen –

+0

Sie sind global. –

Verwandte Themen