国产chinesehdxxxx老太婆,办公室玩弄爆乳女秘hd,扒开腿狂躁女人爽出白浆 ,丁香婷婷激情俺也去俺来也,ww国产内射精品后入国产

電子發(fā)燒友App

硬聲App

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示
創(chuàng)作
電子發(fā)燒友網(wǎng)>電子資料下載>電子資料>使用HTML和JavaScript設(shè)計(jì)指示器按鈕

使用HTML和JavaScript設(shè)計(jì)指示器按鈕

2022-12-13 | zip | 0.60 MB | 次下載 | 免費(fèi)

資料介紹

描述

關(guān)于該項(xiàng)目:

在這個(gè)項(xiàng)目中,使用 HTML 和 JavaScript 設(shè)計(jì)了一個(gè)指示器按鈕。該按鈕通過(guò)將其狀態(tài)從“ON”更改為“OFF”來(lái)指示開關(guān)狀態(tài),反之亦然。此外,一個(gè)主開關(guān)設(shè)計(jì)用于控制所有相應(yīng)的按鈕。它的作用就像主開關(guān)一樣,我們?cè)诩依镉锌刂浦?a target='_blank' class='arckwlink_none'>電源的開關(guān)。交換機(jī)的虛擬框圖如下:

1.初始階段:

poYBAGOACsiACacDAAAqxOBNaHM353.png
?

2. 當(dāng)按下開關(guān)打開連接的設(shè)備時(shí),標(biāo)簽發(fā)生了變化:

pYYBAGOACs-AebTGAAA0FBCmn6I345.png
?

3.如果按下主開關(guān),它將切斷所有開關(guān)的電源,初始狀態(tài)如下:

poYBAGOACtOALbLDAAAziNwIOzI154.png
關(guān)閉電源時(shí)關(guān)閉到開啟
?

整個(gè)項(xiàng)目是使用 Bolt IoT 和 4 通道繼電器模塊實(shí)現(xiàn)的。因此,首先我們應(yīng)該了解什么是 Bolt IoT 和中繼。

什么是繼電器?

繼電器是一種以機(jī)電方式控制(打開和關(guān)閉)電路的開關(guān)。該設(shè)備的主要操作是在沒有任何人為參與的情況下借助信號(hào)建立或斷開接觸,以便將其打開或關(guān)閉。它主要用于使用低功率信號(hào)控制高功率電路。

入門:

令人興奮的是,在網(wǎng)頁(yè)或 Bolt App 中看到按鈕可以控制我們的家用電器,并在按下按鈕時(shí)更改其狀態(tài)或標(biāo)簽以使設(shè)備打開或關(guān)閉。

該項(xiàng)目的解釋分為以下兩部分。

  • 硬件連接
  • 使用編程代碼配置 Bolt IoT 模塊

1.硬件連接:

第 1 步:組裝將在項(xiàng)目中使用的所有必需材料。

第 2 步:讓我們從將繼電器模塊連接到 Bolt IoT 設(shè)備開始。

  • 將繼電器的 GND 連接到螺栓的 GND
  • 將繼電器的 VCC 連接到螺栓的 5V
  • 將 Relay 的 IN1、IN2、IN3 和 IN4 分別連接到 Bolt 的引腳 1、2、3 和 4。
?
?
?
poYBAGOYC7uAAq2NAAR5qHwUlH4951.jpg
?
1 / 2 ?兩側(cè)電路連接
?

為了演示我在繼電器中使用 LED 的模型,我們可以使用風(fēng)扇、燈等家用電器。

如下圖所示,每個(gè)繼電器都有 3 個(gè)端子 NC(常閉)、NO(常開)和 Common。

  • +5 伏提供給繼電器的公共端,NO 連接到 Led 的陽(yáng)極,Led 的陰極接地。
  • 分別連接所有繼電器,見下圖。
poYBAGOYC76AC_5_AAFFBDe-Cqw466.png
藍(lán)線表示信號(hào)線
?

最終示意圖如下所示:

?
?
?
poYBAGOYC9OAMR8AAAMYTZk7kew321.png
?
1 / 2 ?電路連接
?

2、Bolt物聯(lián)網(wǎng)模塊配置:

第 1 步: 將 Bolt 設(shè)備與 5 伏電源連接并打開 BoltCloud https://cloud.boltiot.com/

poYBAGOYC9iAGxC5AAB91770jOM310.png
?

檢查板子是否在線。綠點(diǎn)代表 Bolt 通過(guò) Internet 與 Bolt 云連接。

第 2 步:參考此鏈接了解如何在 Bolt 云上創(chuàng)建新產(chǎn)品(項(xiàng)目)https://docs.boltiot.com/docs/adding-a-product

第 3 步:在這個(gè)項(xiàng)目中,我創(chuàng)建了一個(gè)名為 HomeAutomation 的項(xiàng)目

pYYBAGOYC9qAQn41AACSdQnVrgs547.png
?

第四步如圖配置你的產(chǎn)品

poYBAGOYC92AWwtQAAEDMvbfSYg112.png
?

第五步點(diǎn)擊代碼,輸入如圖所示的詳細(xì)信息

pYYBAGOYC-KANRT0AAEDt6YxGvI342.png
?

6 步:最后,將產(chǎn)品鏈接到設(shè)備并上傳配置訪問https://docs.boltiot.com/docs/link-device-to-a-product

代碼和工作:

在給定的代碼中,我設(shè)計(jì)了輸入按鈕,當(dāng)它們被按下時(shí)可以調(diào)用特定的功能。

當(dāng)按下按鈕時(shí),它會(huì)向繼電器發(fā)送邏輯“0”,繼電器會(huì)打開相應(yīng)的繼電器并根據(jù)邏輯改變其狀態(tài)。這樣它就可以作為一個(gè)指示器按鈕。

對(duì)于想要了解如何結(jié)合使用 HTML 和 Javascript 來(lái)設(shè)計(jì)與 Bolt IoT 相關(guān)的自動(dòng)化項(xiàng)目的初學(xué)者來(lái)說(shuō),這個(gè)項(xiàng)目可能是一個(gè)很好的例子。

未來(lái)范圍:

基于這個(gè)項(xiàng)目,可以設(shè)計(jì)一個(gè)自動(dòng)化面板,可以顯示連接的每個(gè)設(shè)備的能源消耗和使用時(shí)間。


下載該資料的人也在下載 下載該資料的人還在閱讀
更多 >

評(píng)論

查看更多

下載排行

本周

  1. 1DD3118電路圖紙資料
  2. 0.08 MB   |  1次下載  |  免費(fèi)
  3. 2AD庫(kù)封裝庫(kù)安裝教程
  4. 0.49 MB   |  1次下載  |  免費(fèi)
  5. 3PC6206 300mA低功耗低壓差線性穩(wěn)壓器中文資料
  6. 1.12 MB   |  1次下載  |  免費(fèi)
  7. 4網(wǎng)絡(luò)安全從業(yè)者入門指南
  8. 2.91 MB   |  1次下載  |  免費(fèi)
  9. 5DS-CS3A P00-CN-V3
  10. 618.05 KB  |  1次下載  |  免費(fèi)
  11. 6海川SM5701規(guī)格書
  12. 1.48 MB  |  次下載  |  免費(fèi)
  13. 7H20PR5電磁爐IGBT功率管規(guī)格書
  14. 1.68 MB   |  次下載  |  1 積分
  15. 8IP防護(hù)等級(jí)說(shuō)明
  16. 0.08 MB   |  次下載  |  免費(fèi)

本月

  1. 1貼片三極管上的印字與真實(shí)名稱的對(duì)照表詳細(xì)說(shuō)明
  2. 0.50 MB   |  103次下載  |  1 積分
  3. 2涂鴉各WiFi模塊原理圖加PCB封裝
  4. 11.75 MB   |  89次下載  |  1 積分
  5. 3錦銳科技CA51F2 SDK開發(fā)包
  6. 24.06 MB   |  43次下載  |  1 積分
  7. 4錦銳CA51F005 SDK開發(fā)包
  8. 19.47 MB   |  19次下載  |  1 積分
  9. 5PCB的EMC設(shè)計(jì)指南
  10. 2.47 MB   |  16次下載  |  1 積分
  11. 6HC05藍(lán)牙原理圖加PCB
  12. 15.76 MB   |  13次下載  |  1 積分
  13. 7802.11_Wireless_Networks
  14. 4.17 MB   |  12次下載  |  免費(fèi)
  15. 8蘋果iphone 11電路原理圖
  16. 4.98 MB   |  6次下載  |  2 積分

總榜

  1. 1matlab軟件下載入口
  2. 未知  |  935127次下載  |  10 積分
  3. 2開源硬件-PMP21529.1-4 開關(guān)降壓/升壓雙向直流/直流轉(zhuǎn)換器 PCB layout 設(shè)計(jì)
  4. 1.48MB  |  420064次下載  |  10 積分
  5. 3Altium DXP2002下載入口
  6. 未知  |  233089次下載  |  10 積分
  7. 4電路仿真軟件multisim 10.0免費(fèi)下載
  8. 340992  |  191390次下載  |  10 積分
  9. 5十天學(xué)會(huì)AVR單片機(jī)與C語(yǔ)言視頻教程 下載
  10. 158M  |  183342次下載  |  10 積分
  11. 6labview8.5下載
  12. 未知  |  81588次下載  |  10 積分
  13. 7Keil工具M(jìn)DK-Arm免費(fèi)下載
  14. 0.02 MB  |  73815次下載  |  10 積分
  15. 8LabVIEW 8.6下載
  16. 未知  |  65989次下載  |  10 積分