ESP8266 HTTP-Server med IO (4 / 6 steg)
Steg 4: Ett annat exempel från webbläsaren - blink
Det finns också en webbläsare Blink exempel också. Gå till mappen browser och hitta "esphttpio_blink.html"
Om du behöver redigera DEVICE_URL, göra det innan du kör den. Du kan stoppa och och börja blinka slingan med de två medföljande knapparna.
Detta är själva blink koden:
<!--ESP8266 http io server test.
Mål i livet:
Blinka en LED varje sekund.
Skrivet av - Scott Beasley 2016.
Public domain. Gratis att använda eller ändra. Njut av :)
-->
< html >
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"
Type = "text/javascript" charset = "utf-8" >
< / script >
< head >
< title > ESP8266 webbläsare blinka < / title >
< script type = "text/javascript" >
var DEVICE_URL = "http://espio_01.local"
var LED_STATE = "Låg"
var DO_BLINK = sant
pinMode ('16',' utgång'); Ange PIN-koden
var tmr = setTimeout (blinka, 1000);
funktion pinMode (pin, stat) {
var requestURL = DEVICE_URL + "/ pinMode?" + pin + "," + staten.
$ta (requestURL);
}
funktion digitalWrite (pin, stat) {
var requestURL = DEVICE_URL + "/ digitalWrite?" + pin + "," + staten.
$ta (requestURL);
}
funktionen blink () {
LED_STATE = (LED_STATE == "LÅG"? "HÖG": "LÅG");
digitalWrite ("16", LED_STATE);
om (DO_BLINK)
TMR = setTimeout (blinka, 1000);
}
funktion setBlink (staten) {
om (statligt == 'På') {
TMR = setTimeout (blinka, 1000);
DO_BLINK = sant;
}
om (statligt == "OFF") {
clearTimeout (tmr);
DO_BLINK = false;
}
}
< / script >
< / head >
< center >
LED ->
< knappen onclick = "setBlink ('på')" > ledde blinkar på < / knapp >
< knappen onclick = "setBlink ("OFF")" > ledde blinka bort < / knapp >
< / center >
< / html >