Forked from: k.takashi's koshianのPIO3でLチカ(LEDチカチカ) View Diff (1) forked: koshianのPIO3でLチカ(LEDチカチカ) ble_pikacyu Follow 2016-07-27 16:04:43 License: MIT License Fork0 Fav0 View711 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 49 lines HTML 23 lines CSS 3 lines forked: koshianのPIO3でLチカ(LEDチカチカ) // forked from k.takashi's "koshianのPIO3でLチカ(LEDチカチカ)" http://jsdo.it/k.takashi/sYgB // forked from mpression's "forked: koshianでまずはLチカ(LEDチカチカ)" http://jsdo.it/mpression/xlQV // forked from k.takashi's "forked: koshianでまずはLチカ(LEDチカチカ)" http://jsdo.it/k.takashi/3b1L // forked from magicbike's "koshianでまずはLチカ(LEDチカチカ)" http://jsdo.it/magicbike/317W // forked from monakaz's "まずはLチカ(LEDチカチカ)" http://jsdo.it/monakaz/nOMl // konashi.js LEDチカチカ サンプル! // koshianを探す k.find(); // koshianと接続した時のイベントハンドラを宣言 k.ready(function(){ // まずはI/Oの設定 k.pinModeAll(255); k.digitalWrite(k.PIO3, k.OUTPUT); // LEDチカチカ関数を呼び出し→Lチカスタート startBlinkLed(); }); // PIO3のLEDチカチカ関数の宣言 function startBlinkLed(){ var toggle = false; //点滅の初期状態を変数に代入 setInterval(function(){ if(toggle){ // LEDをON k.digitalWrite(k.PIO3, k.HIGH); } else { // LEDをOFF k.digitalWrite(k.PIO3, k.LOW); } // 次の状態をセット toggle = !toggle; }, 500); //0.5秒毎にON/OFFを反転させる $("#goran").html("koshian PIOのON/OFF"); //LED点滅中であることをiphoneに表示 } // koshianとの接続を切断してLEDを消灯する。 $(function(){ $("#find").on("tap", function(){ k.disconnect(); k.digitalWrite(k.PIO3, k.LOW); }); }); // koshianと切断した時のイベントハンドラを宣言 k.disconnected(function(data){ k.digitalWrite(k.PIO3, k.LOW); }); <header class="bar-title"> <h1 class="title">konashi.js: koshianのPIO3でLチカ</h1> </header> <div class="content"> <div class="element" align="center"> koshianのPIO3 high/lowを切り替えます<br/> </div> <a id="find" class="button-main button-block element"> koshianとの接続を切断する </a> <div id="goran" class="element"></div> </div> <!-- for konashijs --> <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script> <!-- zepto --> <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script> <!-- touch.js --> <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script> <!-- ratchet --> <link rel="stylesheet" href="http://jsrun.it/assets/h/F/P/P/hFPPa"> <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> forked: koshianのPIO3でLチカ(LEDチカチカ) .element { margin: 10px; } // forked from k.takashi's "koshianのPIO3でLチカ(LEDチカチカ)" http://jsdo.it/k.takashi/sYgB // forked from mpression's "forked: koshianでまずはLチカ(LEDチカチカ)" http://jsdo.it/mpression/xlQV // forked from k.takashi's "forked: koshianでまずはLチカ(LEDチカチカ)" http://jsdo.it/k.takashi/3b1L // forked from magicbike's "koshianでまずはLチカ(LEDチカチカ)" http://jsdo.it/magicbike/317W // forked from monakaz's "まずはLチカ(LEDチカチカ)" http://jsdo.it/monakaz/nOMl // konashi.js LEDチカチカ サンプル! // koshianを探す k.find(); // koshianと接続した時のイベントハンドラを宣言 k.ready(function(){ // まずはI/Oの設定 k.pinModeAll(255); k.digitalWrite(k.PIO3, k.OUTPUT); // LEDチカチカ関数を呼び出し→Lチカスタート startBlinkLed(); }); // PIO3のLEDチカチカ関数の宣言 function startBlinkLed(){ var toggle = false; //点滅の初期状態を変数に代入 setInterval(function(){ if(toggle){ // LEDをON k.digitalWrite(k.PIO3, k.HIGH); } else { // LEDをOFF k.digitalWrite(k.PIO3, k.LOW); } // 次の状態をセット toggle = !toggle; }, 500); //0.5秒毎にON/OFFを反転させる $("#goran").html("koshian PIOのON/OFF"); //LED点滅中であることをiphoneに表示 } // koshianとの接続を切断してLEDを消灯する。 $(function(){ $("#find").on("tap", function(){ k.disconnect(); k.digitalWrite(k.PIO3, k.LOW); }); }); // koshianと切断した時のイベントハンドラを宣言 k.disconnected(function(data){ k.digitalWrite(k.PIO3, k.LOW); }); <header class="bar-title"> <h1 class="title">konashi.js: koshianのPIO3でLチカ</h1> </header> <div class="content"> <div class="element" align="center"> koshianのPIO3 high/lowを切り替えます<br/> </div> <a id="find" class="button-main button-block element"> koshianとの接続を切断する </a> <div id="goran" class="element"></div> </div> <!-- for konashijs --> <script src="http://konashi.ux-xu.com/kjs/konashi-bridge.min.js"></script> <!-- zepto --> <script src="http://jsrun.it/assets/1/M/0/f/1M0fl"></script> <!-- touch.js --> <script src="http://jsrun.it/assets/g/s/1/M/gs1MI"></script> <!-- ratchet --> <link rel="stylesheet" href="http://jsrun.it/assets/h/F/P/P/hFPPa"> <script src="http://jsrun.it/assets/g/3/W/u/g3WuF"></script> .element { margin: 10px; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author ble_pikacyu Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/WHTF/js"></script> application konashi koshian library&test sample Discussion Questions on this code? Tags application konashi koshian library&test sample