在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

電子發燒友App

硬聲App

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示
電子發燒友網>電子資料下載>電子資料>使用HTML和JavaScript設計指示器按鈕

使用HTML和JavaScript設計指示器按鈕

2022-12-13 | zip | 0.60 MB | 次下載 | 免費

資料介紹

描述

關于該項目:

在這個項目中,使用 HTML 和 JavaScript 設計了一個指示器按鈕。該按鈕通過將其狀態從“ON”更改為“OFF”來指示開關狀態,反之亦然。此外,一個主開關設計用于控制所有相應的按鈕。它的作用就像主開關一樣,我們在家里有控制主電源的開關。交換機的虛擬框圖如下:

1.初始階段:

poYBAGOACsiACacDAAAqxOBNaHM353.png
?

2. 當按下開關打開連接的設備時,標簽發生了變化:

pYYBAGOACs-AebTGAAA0FBCmn6I345.png
?

3.如果按下主開關,它將切斷所有開關的電源,初始狀態如下:

poYBAGOACtOALbLDAAAziNwIOzI154.png
關閉電源時關閉到開啟
?

整個項目是使用 Bolt IoT 和 4 通道繼電器模塊實現的。因此,首先我們應該了解什么是 Bolt IoT 和中繼。

什么是繼電器?

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

入門:

令人興奮的是,在網頁或 Bolt App 中看到按鈕可以控制我們的家用電器,并在按下按鈕時更改其狀態或標簽以使設備打開或關閉。

該項目的解釋分為以下兩部分。

1.硬件連接:

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

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

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

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

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

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

最終示意圖如下所示:

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

2、Bolt物聯網模塊配置:

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

poYBAGOYC9iAGxC5AAB91770jOM310.png
?

檢查板子是否在線。綠點代表 Bolt 通過 Internet 與 Bolt 云連接。

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

第 3 步:在這個項目中,我創建了一個名為 HomeAutomation 的項目

pYYBAGOYC9qAQn41AACSdQnVrgs547.png
?

第四步如圖配置你的產品

poYBAGOYC92AWwtQAAEDMvbfSYg112.png
?

第五步點擊代碼,輸入如圖所示的詳細信息

pYYBAGOYC-KANRT0AAEDt6YxGvI342.png
?

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

代碼和工作:

在給定的代碼中,我設計了輸入按鈕,當它們被按下時可以調用特定的功能。

當按下按鈕時,它會向繼電器發送邏輯“0”,繼電器會打開相應的繼電器并根據邏輯改變其狀態。這樣它就可以作為一個指示器按鈕。

對于想要了解如何結合使用 HTML 和 Javascript 來設計與 Bolt IoT 相關的自動化項目的初學者來說,這個項目可能是一個很好的例子。

未來范圍:

基于這個項目,可以設計一個自動化面板,可以顯示連接的每個設備的能源消耗和使用時間。


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

評論

查看更多

下載排行

本周

  1. 1山景DSP芯片AP8248A2數據手冊
  2. 1.06 MB  |  532次下載  |  免費
  3. 2RK3399完整板原理圖(支持平板,盒子VR)
  4. 3.28 MB  |  339次下載  |  免費
  5. 3TC358743XBG評估板參考手冊
  6. 1.36 MB  |  330次下載  |  免費
  7. 4DFM軟件使用教程
  8. 0.84 MB  |  295次下載  |  免費
  9. 5元宇宙深度解析—未來的未來-風口還是泡沫
  10. 6.40 MB  |  227次下載  |  免費
  11. 6迪文DGUS開發指南
  12. 31.67 MB  |  194次下載  |  免費
  13. 7元宇宙底層硬件系列報告
  14. 13.42 MB  |  182次下載  |  免費
  15. 8FP5207XR-G1中文應用手冊
  16. 1.09 MB  |  178次下載  |  免費

本月

  1. 1OrCAD10.5下載OrCAD10.5中文版軟件
  2. 0.00 MB  |  234315次下載  |  免費
  3. 2555集成電路應用800例(新編版)
  4. 0.00 MB  |  33566次下載  |  免費
  5. 3接口電路圖大全
  6. 未知  |  30323次下載  |  免費
  7. 4開關電源設計實例指南
  8. 未知  |  21549次下載  |  免費
  9. 5電氣工程師手冊免費下載(新編第二版pdf電子書)
  10. 0.00 MB  |  15349次下載  |  免費
  11. 6數字電路基礎pdf(下載)
  12. 未知  |  13750次下載  |  免費
  13. 7電子制作實例集錦 下載
  14. 未知  |  8113次下載  |  免費
  15. 8《LED驅動電路設計》 溫德爾著
  16. 0.00 MB  |  6656次下載  |  免費

總榜

  1. 1matlab軟件下載入口
  2. 未知  |  935054次下載  |  免費
  3. 2protel99se軟件下載(可英文版轉中文版)
  4. 78.1 MB  |  537798次下載  |  免費
  5. 3MATLAB 7.1 下載 (含軟件介紹)
  6. 未知  |  420027次下載  |  免費
  7. 4OrCAD10.5下載OrCAD10.5中文版軟件
  8. 0.00 MB  |  234315次下載  |  免費
  9. 5Altium DXP2002下載入口
  10. 未知  |  233046次下載  |  免費
  11. 6電路仿真軟件multisim 10.0免費下載
  12. 340992  |  191187次下載  |  免費
  13. 7十天學會AVR單片機與C語言視頻教程 下載
  14. 158M  |  183279次下載  |  免費
  15. 8proe5.0野火版下載(中文版免費下載)
  16. 未知  |  138040次下載  |  免費
主站蜘蛛池模板: 日本理论在线| 国产婷婷一区二区三区| 操操久久| 四虎地址8848最新章节| 久久久久久久综合色一本| 亚洲视频黄| 成人免费播放视频777777| 天堂网在线最新版官网| 成人在线a| 欧美中出在线| 色激情综合| 美女一区二区三区| 欧美夜夜| 在线播放亚洲视频| 久久精品国产6699国产精| 美女视频网站免费播放视| 最新中文字幕在线资源| 黄色片免费看视频| v视界影院最新网站| 中文字幕在线永久在线视频2020| 久久精品国波多野结衣| 中文字幕亚洲综合久久2| 黄色a毛片| 亚洲人成网站色7799在线观看| 性色网站| 午夜影院在线看| 美女扒开尿囗给男人玩的动图| 男女www视频在线看网站| 久久精品久久久久| 性欧美日韩| 亚洲精品久| 资源在线www天堂| 成人性色生活影片| 亚洲资源最新版在线观看| 毛片其地| 在线观看免费午夜大片| 日本亚洲欧美美色| 韩国理论片2023现在观看| 四虎最新入口| 人人玩人人干| 四虎影永久在线观看精品|