Koshianのレッスンゴレライ2(PWM出力)
Konashi.jsを利用してGPIO端子のPWM出力でLEDの輝度を可変してみました。
k.pwmMode(k.PIO1, k.KONASHI_PWM_ENABLE);
k.pwmPeriod(k.PIO1, 1000);
k.pwmDuty(k.PIO1, 20);
とする事で、周期1000usec、パルス幅20usec のPWM出力となります。
テストコード
jsdo.it使用上の注意
jqueryを使用してテストコードを書いていたところ、異常な挙動に悩まされました。 調査の結果、HTMLにbodyタグを記述すると異常な挙動を起こします。
jsdo.it上でjavascriptとHTMLの記述欄が別になっていますが、ブラウザから見た時のソースを確認したところ、以下の様になります。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" /><title>レッスンゴレライ2 - js do it</title>
<meta name="Description" content="jsdo.it - share JavaScript, HTML5 and CSS - " />
<meta name="Keywords" content="JavaScript,HTML5,CSS" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<style type="text/css"></style></head>
<body>
jsdo.it HTML欄への記述
<script type="text/javascript">
jsdo.it javascript欄への記述
</script>
</body>
</html>
k.pwmMode(k.PIO1, k.KONASHI_PWM_ENABLE);
k.pwmPeriod(k.PIO1, 1000);
k.pwmDuty(k.PIO1, 20);
とする事で、周期1000usec、パルス幅20usec のPWM出力となります。
テストコード
jsdo.it使用上の注意
jqueryを使用してテストコードを書いていたところ、異常な挙動に悩まされました。 調査の結果、HTMLにbodyタグを記述すると異常な挙動を起こします。
jsdo.it上でjavascriptとHTMLの記述欄が別になっていますが、ブラウザから見た時のソースを確認したところ、以下の様になります。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" /><title>レッスンゴレライ2 - js do it</title>
<meta name="Description" content="jsdo.it - share JavaScript, HTML5 and CSS - " />
<meta name="Keywords" content="JavaScript,HTML5,CSS" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<style type="text/css"></style></head>
<body>
jsdo.it HTML欄への記述
<script type="text/javascript">
jsdo.it javascript欄への記述
</script>
</body>
</html>
HTML欄にbodyタグを記述すると、ネストが発生して異常挙動を起こしてしまうようです。
コメント
コメントを投稿