webIOPiでLチカ(タイマー機能をつけたい)

WebIOPiでIoT！(2)プログラミング基礎編〜Lチカボタンを作ろう

こちらの記事の内容は完璧に再現することができました。

この内容に加えて、ボタンを押してLEDが点灯後30分後に自動停止するような、タイマー機能を付けたしたい場合の、追記プログラムをご教授頂けないでしょうか。

何卒宜しくお願いいたします

行動規範の内容に同意します

回答2件

あれから自分なりに勉強して、タイマー機能付きLチカをWebIOPiでおこなうことができました。

以下がコードになります。

index.html
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5    <title>WebIOPi | Light Control</title>
6    <script type="text/javascript" src="/webiopi.js"></script>
7    <script type="text/javascript">
8        webiopi().ready(function() {
9        // Following function will process data received from set/getLightHours macro.
10        var updateLightHours = function(macro, args, response) {
11                    var hours = response.split(";");
12                    // Following lines use jQuery functions
13                    $("#inputOn").val(hours[0]);
14                    $("#inputOff").val(hours[1]);
15        }
16 
17        // Immediately call getLightHours macro to update the UI with current values
18        // "getLightHours" refers to macro name
19                // [] is an empty array, because getLightHours macro does not take any argument
20                // updateLightHours is the callback function, defined above
21                webiopi().callMacro("getLightHours", [], updateLightHours);
22 
23        // Create a button to call setLightHours macro
24        var sendButton = webiopi().createButton("sendButton", "Send", function() {
25           // Arguments sent to the macro
26                    var hours = [$("#inputOn").val(), $("#inputOff").val()];
27            // Call the macro
28                    webiopi().callMacro("setLightHours", hours, updateLightHours);
29                });
30 
31        // Append the button to the controls box using a jQuery function
32                $("#controls").append(sendButton);
33 
34        // Create a "Light" labeled button for GPIO 17
35        var button = webiopi().createGPIOButton(17, "Light");
36 
37        // Append the button to the controls box
38        $("#controls").append(button);
39 
40        // Refresh GPIO buttons
41        // pass true to refresh repeatedly of false to refresh once
42        webiopi().refreshGPIO(true);
43 
44        });
45    </script>
46 
47<style type="text/css">
48        button {
49            display: block;
50            margin: 5px 5px 5px 5px;
51            width: 160px;
52            height: 45px;
53            font-size: 24pt;
54            font-weight: bold;
55            color: white;
56        }
57 
58        #gpio17.LOW {
59            background-color: Black;
60        }
61 
62        #gpio17.HIGH {
63            background-color: Blue;
64        }
65    </style>
66 
67</head>
68<body>
69 
70<div align="center">
71稼働時間を入力してください<input type="text" id="inputOn" />
72
73 
74<div id="controls"></div>
75 
76</div>
77 
78</body>
79</html>
80

script.py
1import webiopi
2import RPi.GPIO as GPIO
3import time
4
5
6
7
8 
9GPIO = webiopi.GPIO
10 
11LIGHT = 17 # GPIO pin using BCM numbering
12 
13HOUR_ON  = 0  # Turn Light ON at 08:00
14HOUR_OFF = 0 # Turn Light OFF at 18:00
15 
16# setup function is automatically called at WebIOPi startup
17def setup():
18    # set the GPIO used by the light to output
19    GPIO.setFunction(LIGHT, GPIO.OUT)
20 
21
22 
23# loop function is repeatedly called by WebIOPi
24def loop():
25    # retrieve current datetime
26 for i in range(1):
27        GPIO.output(LIGHT, GPIO.HIGH) # LED on
28        time.sleep(0)
29        GPIO.output(LIGHT, GPIO.LOW) # LED off
30        time.sleep(HOUR_ON + 10)
31    
32
33
34 
35# destroy function is called at WebIOPi shutdown
36def destroy():
37    GPIO.digitalWrite(LIGHT, GPIO.LOW)
38 
39@webiopi.macro
40def getLightHours():
41    return "%d;%d" % (HOUR_ON, HOUR_OFF)
42 
43@webiopi.macro
44def setLightHours(on, off):
45    global HOUR_ON, HOUR_OFF
46    HOUR_ON = int(on)
47    HOUR_OFF = int(off)
48    return getLightHours()
49