ESP8266-NodeMCU网络服务器（一）- 数字时钟制作

最新推荐文章于 2023-07-22 11:30:38 发布
最新推荐文章于 2023-07-22 11:30:38 发布
阅读量465 收藏 1
点赞数 2
分类专栏： 物联网 文章标签： 服务器 javascript ESP8266 NodeMCU 物联网服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40660408/article/details/126237313
版权

文章目录

效果

在这里插入图片描述

所需环境

ESP8266-NodeMCU 开发板（以下简称NodeMCU）

ESP8266库

Arduino IDE 代码编写工具

无线（热点）2.4G频段

实现步骤

原理

NodeMCU作为无线终端接入局域网内的无线信号，并配合ESP8266库提供的服务器功能使得NodeMCU最终作为一个服务器，将html、js文件上传到该服务器（NodeMCU的闪存文件系统），然后通过浏览器访问该服务器的文件即可

HTML、JS代码

index.html主页

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="main.css">
    <title>时钟</title>
</head>
<body>
    <canvas id="canvas" width="" height=""></canvas>
    <script src="digit.js"></script>
    <script src="countdown.js"></script>
</body>
</html>

digit.js数字

digit =
    [
        [
            [0,0,1,1,1,0,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,0,1,1,0],
            [0,0,1,1,1,0,0]
        ],//0
        [
            [0,0,0,1,1,0,0],
            [0,1,1,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [1,1,1,1,1,1,1]
        ],//1
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,1,1],
            [1,1,1,1,1,1,1]
        ],//2
        [
            [1,1,1,1,1,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//3
        [
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,0],
            [0,0,1,1,1,1,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,1,1,0],
            [1,1,1,1,1,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,1]
        ],//4
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,1,1,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//5
        [
            [0,0,0,0,1,1,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//6
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0]
        ],//7
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//8
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,1,1,0,0,0,0]
        ],//9
        [
            [0,0,0,0],
            [0,0,0,0],
            [0,1,1,0],
            [0,1,1,0],
            [0,0,0,0],
            [0,0,0,0],
            [0,1,1,0],
            [0,1,1,0],
            [0,0,0,0],
            [0,0,0,0]
        ]//:
    ];

countdown.js动画

var WINDOW_WIDTH = 1024;
var WINDOW_HEIGHT = 768;
var RADIUS = 8;
var MARGIN_TOP = 60;
var MARGIN_LEFT = 30;


/*const endTime = new Date(2020, 7, 22, 10, 45, 46);*/

/*var endTime = new Date();
endTime.setTime(endTime.getTime() + 3600 * 1000);*/

var curShowTimeSeconds = 0;

var balls = [];
const colors = ["#33b5e5","#0099CC","#aa66cc","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"]


window.onload = function(){

	 /*WINDOW_WIDTH = document.body.clientWidth;
	 WINDOW_HEIGHT = document.body.clientHeight;*/
	WINDOW_WIDTH = document.documentElement.clientWidth;
	WINDOW_HEIGHT = document.documentElement.clientHeight;
	 RADIUS = Math.round(WINDOW_WIDTH * 4 / 5 / 108) - 1;
	 MARGIN_TOP = Math.round(WINDOW_HEIGHT / 5);
	 MARGIN_LEFT = Math.round(WINDOW_WIDTH / 10);

	var canvas = document.getElementById("canvas");
	var context = canvas.getContext("2d");
	
	canvas.width = WINDOW_WIDTH;
	canvas.height = WINDOW_HEIGHT;
	
	curShowTimeSeconds = getCurrentShowTimeSeconds();
	//render(context);
	//动画函数  每1000毫秒刷新 1000/50 = 20 帧
	setInterval(
		function(){
			render(context);
			update();
		}, 50);
	
}

function getCurrentShowTimeSeconds(){
	var curTime = new Date();
	var ret = curTime.getHours() * 3600 + curTime.getMinutes() * 60 + curTime.getSeconds();
	return ret;

	/*var curTime = new Date();
	//getTime() 当前时间距1970年1月1日0时0分0秒的毫秒数
	var ret = endTime.getTime() - curTime.getTime();
	ret = Math.round(ret / 1000); //秒数
	return ret >= 0 ? ret : 0;*/
}

/*刷新*/
function update(){
	/*下一秒*/
	var nextShowTimeSeconds = getCurrentShowTimeSeconds();
	var nextHours = parseInt(nextShowTimeSeconds / 3600);
	var nextMinutes = parseInt((nextShowTimeSeconds - nextHours*3600) / 60);
	var nextSeconds = nextShowTimeSeconds % 60;

	/*当前时间*/
	var curHours = parseInt(curShowTimeSeconds / 3600);
	var curMinutes = parseInt((curShowTimeSeconds - curHours*3600) / 60);
	var curSeconds = curShowTimeSeconds % 60;
	
	if(nextSeconds != curSeconds){
		if(parseInt(curHours/10) != parseInt(nextHours/10)){
			addBalls(MARGIN_LEFT + 0, MARGIN_TOP, parseInt(curHours/10));
		}
		if(parseInt(curHours%10) != parseInt(nextHours%10)){
			addBalls(MARGIN_LEFT + 15*(RADIUS + 1),MARGIN_TOP, parseInt(curHours/10));
		}
		if(parseInt(curMinutes/10) != parseInt(nextMinutes/10)){
			addBalls(MARGIN_LEFT + 39*(RADIUS + 1),MARGIN_TOP, parseInt(curMinutes/10));
		}
		if(parseInt(curMinutes%10) != parseInt(nextMinutes%10)){
			addBalls(MARGIN_LEFT + 54*(RADIUS + 1), MARGIN_TOP, parseInt(curMinutes %10));
		}
		if(parseInt(curSeconds/10) != parseInt(nextSeconds/10)){
			addBalls(MARGIN_LEFT + 78*(RADIUS + 1), MARGIN_TOP, parseInt(curSeconds/10));
		}
		if(parseInt(curSeconds%10) != parseInt(nextSeconds%10)){
			addBalls(MARGIN_LEFT + 93*(RADIUS + 1), MARGIN_TOP, parseInt(nextSeconds%10));
		}

		curShowTimeSeconds = nextShowTimeSeconds;
	}
	updateBalls();
}

function updateBalls(){

	for( var i = 0 ; i < balls.length ; i ++ ){

		balls[i].x += balls[i].vx;
		balls[i].y += balls[i].vy;
		balls[i].vy += balls[i].g;

		if( balls[i].y >= WINDOW_HEIGHT-RADIUS ){
			balls[i].y = WINDOW_HEIGHT-RADIUS;
			balls[i].vy = - balls[i].vy*0.75;
		}
	}

	/*删除数组中的小球*/
	var cnt = 0
	for( var i = 0 ; i < balls.length ; i ++ )
		if( balls[i].x + RADIUS > 0 && balls[i].x -RADIUS < WINDOW_WIDTH )
			balls[cnt++] = balls[i]

	while( balls.length > cnt ){
		balls.pop();
	}

	Math.min(300, cnt)//取两个数最小值
	while( balls.length > Math.min(300, cnt) ){
		balls.pop();
	}
}

function addBalls( x , y , num ){

	for( var i = 0  ; i < digit[num].length ; i ++ )
		for( var j = 0  ; j < digit[num][i].length ; j ++ )
			if( digit[num][i][j] == 1 ){
				var aBall = {
					x:x+j*2*(RADIUS+1)+(RADIUS+1),
					y:y+i*2*(RADIUS+1)+(RADIUS+1),
					g:1.5+Math.random(),
					vx:Math.pow( -1 , Math.ceil( Math.random()*1000 ) ) * 4,
					vy:-5,
					color: colors[ Math.floor( Math.random()*colors.length ) ]
				}

				balls.push( aBall )
			}
}

/*绘制*/
function render(cxt){
	//对矩形内的动画进行刷新
	cxt.clearRect(0, 0, WINDOW_WIDTH, WINDOW_HEIGHT);
	
	var hours = parseInt(curShowTimeSeconds / 3600);
	var minutes = parseInt((curShowTimeSeconds - hours*3600) / 60);
	var seconds = curShowTimeSeconds % 60;
	//1
	renderDigit(MARGIN_LEFT,MARGIN_TOP, parseInt(hours / 10), cxt);
	//2
	renderDigit(MARGIN_LEFT + 15*(RADIUS + 1),MARGIN_TOP, parseInt(hours % 10), cxt);
	//:
	renderDigit(MARGIN_LEFT + 30*(RADIUS + 1),MARGIN_TOP, 10, cxt);
	//3
	renderDigit(MARGIN_LEFT + 39*(RADIUS + 1),MARGIN_TOP, parseInt(minutes / 10), cxt);
	//4
	renderDigit(MARGIN_LEFT + 54*(RADIUS + 1),MARGIN_TOP, parseInt(minutes % 10), cxt);
	//:
	renderDigit(MARGIN_LEFT + 69*(RADIUS + 1),MARGIN_TOP, 10, cxt);
	//5
	renderDigit(MARGIN_LEFT + 78*(RADIUS + 1),MARGIN_TOP, parseInt(seconds / 10), cxt);
	//6
	renderDigit(MARGIN_LEFT + 93*(RADIUS + 1),MARGIN_TOP, parseInt(seconds % 10), cxt);

	for( var i = 0 ; i < balls.length ; i ++ ){
		cxt.fillStyle=balls[i].color;

		cxt.beginPath();
		cxt.arc( balls[i].x , balls[i].y , RADIUS , 0 , 2*Math.PI , true );
		cxt.closePath();

		cxt.fill();
	}
}

//画出小球
function renderDigit(x, y, num, cxt){
	cxt.fillStyle = "rgb(0, 102, 153)";
	
	for(var i = 0; i < digit[num].length; i ++){
		for(var j = 0; j < digit[num][i].length; j++){
			if(digit[num][i][j] == 1){
				cxt.beginPath();
				cxt.arc(x + j*2*(RADIUS+1)+(RADIUS+1), y+i*2*(RADIUS+1)+(RADIUS+1), RADIUS, 0, 2*Math.PI);
				cxt.closePath();
				cxt.fill();
			}
		}
	}
}

上传文件到闪存系统

将以上三个文件放在主程序同目录下的data文件中，然后使用Arduino IDE的插件将data文件上传到NodeMCU的闪存系统中
在这里插入图片描述
插件下载地址：https://github.com/esp8266/arduino-esp8266fs-plugin/releases
在这里插入图片描述

将下载后的文件解压并移动到Arduino IDE安装目录下的tools文件夹中，重启 Arduino IDE

在这里插入图片描述

注意选择闪存大小，本次上传的文件几十KB，所以选择1MB就够了。点击工具下的 ESP8266 Sketh Data Upload，留意控制台输出看是否上传成功

在这里插入图片描述
在这里插入图片描述

上传程序

代码参考自太极创客：http://www.taichi-maker.com/homepage/esp8266-nodemcu-iot/iot-c/spiffs/spiffs-web-server/

#include <ESP8266WiFi.h>
#include <ESP8266WiFiMulti.h>
#include <ESP8266WebServer.h>
#include <FS.h>  

ESP8266WiFiMulti wifiMulti;     // 建立ESP8266WiFiMulti对象

ESP8266WebServer esp8266_server(80);    // 建立网络服务器对象，该对象用于响应HTTP请求。监听端口（80）

void setup() {
  Serial.begin(9600);          // 启动串口通讯
  Serial.println("");
  
  // 无线名称 密码
  wifiMulti.addAP("面向对象编程_2G", "12345678");
  Serial.println("Connecting ...");
  
  int i = 0;  
  while (wifiMulti.run() != WL_CONNECTED) { // 尝试进行wifi连接。
    delay(1000);
    Serial.print(i++); Serial.print(' ');
  }
  
  // WiFi连接成功后将通过串口监视器输出连接成功信息 
  Serial.println('\n');
  Serial.print("Connected to ");
  Serial.println(WiFi.SSID());              // 通过串口监视器输出连接的WiFi名称
  Serial.print("IP address:\t");
  Serial.println(WiFi.localIP());           // 通过串口监视器输出ESP8266-NodeMCU的IP

  if(SPIFFS.begin()){                       // 启动闪存文件系统
    Serial.println("SPIFFS Started.");
  } else {
    Serial.println("SPIFFS Failed to Start.");
  }
  
  esp8266_server.onNotFound(handleUserRequet);      // 告知系统如何处理用户请求

  esp8266_server.begin();                           // 启动网站服务
  Serial.println("HTTP server started");
}

void loop(void) {
  esp8266_server.handleClient();                    // 处理用户请求
}

// 处理用户浏览器的HTTP访问
void handleUserRequet() {         
     
  // 获取用户请求网址信息
  String webAddress = esp8266_server.uri();
  
  // 通过handleFileRead函数处处理用户访问
  bool fileReadOK = handleFileRead(webAddress);

  // 如果在SPIFFS无法找到用户访问的资源，则回复404 (Not Found)
  if (!fileReadOK){                                                 
    esp8266_server.send(404, "text/plain", "404 Not Found"); 
  }
}

bool handleFileRead(String path) {            //处理浏览器HTTP访问

  if (path.endsWith("/")) {                   // 如果访问地址以"/"为结尾
    path = "/index.html";                     // 则将访问地址修改为/index.html便于SPIFFS访问
  } 
  
  String contentType = getContentType(path);  // 获取文件类型
  
  if (SPIFFS.exists(path)) {                     // 如果访问的文件可以在SPIFFS中找到
    File file = SPIFFS.open(path, "r");          // 则尝试打开该文件
    esp8266_server.streamFile(file, contentType);// 并且将该文件返回给浏览器
    file.close();                                // 并且关闭文件
    return true;                                 // 返回true
  }
  return false;                                  // 如果文件未找到，则返回false
}

// 获取文件类型
String getContentType(String filename){
  if(filename.endsWith(".htm")) return "text/html";
  else if(filename.endsWith(".html")) return "text/html";
  else if(filename.endsWith(".css")) return "text/css";
  else if(filename.endsWith(".js")) return "application/javascript";
  else if(filename.endsWith(".png")) return "image/png";
  else if(filename.endsWith(".gif")) return "image/gif";
  else if(filename.endsWith(".jpg")) return "image/jpeg";
  else if(filename.endsWith(".ico")) return "image/x-icon";
  else if(filename.endsWith(".xml")) return "text/xml";
  else if(filename.endsWith(".pdf")) return "application/x-pdf";
  else if(filename.endsWith(".zip")) return "application/x-zip";
  else if(filename.endsWith(".gz")) return "application/x-gzip";
  return "text/plain";
}

上传成功后打开串口，查看无线局域网给NodeMCU分配的IP地址，如果看不到输出需要按一下哎NodeMCU的RST键进行复位

在这里插入图片描述

通过浏览器访问该IP地址即可看到效果

在这里插入图片描述

那个小白猿
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
esp8266驱动_人人都能做的智能网络时钟！ESP8266实践指南（三）
weixin_30531707的博客
12-28 1870
之前带大家用ESP8266制作了wifi遥控屏幕和wifi遥控小车，大家觉得怎么样呢？好多朋友都说想要看网络时钟的制作教程。那我们今天就来用ESP8266和MAX7219来制作支持炫酷动画效果的网络时钟吧~接电后，自动联网获取最新的时间，并且还会实时更新时间，分秒不差~每过一段时间会滚动显示日期~一、所需材料ESP8266 NodeMCU开发板，售价低廉，性能强大MAX7219 LED点阵显示屏模...
nodeMcu连接Lcd1602，获取并显示网络时间
07-17
nodeMcu连接Lcd1602，获取并显示网络时间 需提前更新库文件，映射了部分nodeMcu与Arduino IDE的端口，阿里云授时服务器，连接WiFi函数，简易获取网络时间。
ESP8266 oled获取网络时钟制作电子表
dps2023502的博客
07-22 2008
采用esp8266获取北京网络时间，并用oled展示，其实包含esp8266环境搭建
ESP8266实战(一)--wifi时钟的制作
weixin_41866783的博客
08-01 9807
目录1.设计概述2.硬件设计2.1整体设计和功能介绍2.2相关硬件介绍3.电路设计3.1自动下载电路3.2 完整的esp8266应用电路3.3PCB设计4.程序设计4.1程序流程图4.2参考程序5.效果展示 1.设计概述 esp8266是一款性价比极高的wifi蓝牙芯片。它不光集成了wifi蓝牙模组，同时内部集成了单片机内核，可以把它当普通的单片机使用。同时它支arduino编程，micropython编程和自带的idf库编程，使用起来非常方便。 这次设计以esp8266为主控，通过wifi读取ntp时间，
手把手教你制作基于ESP8266的桌面时钟
weixin_52648812的博客
07-19 4559
前段时间我在“太极创客”学习了esp8266入门教程，特在此发表博客以供复习与零基础的小白上手操作。实物演示效果可以在哔哩哔哩搜索并观看【基于esp8266开发版的互联网络天气时钟（代码教程在评论区置顶）-哔哩哔哩】大家也可以去CSDN上去关注支持他。话不多说，正文开始。正文1、材料准备：杜邦线公对公*4面包板*1OLED 屏幕*1数据线*1ESP8266开发板*1注意：是CP2102版本的2、接线图。
ESP8266-Clock:这是使用ESP8266 NodeMCU的基于API的简单时钟
04-17
ESP8266-Clock项目是一个利用ESP8266 NodeMCU开发的基于API的智能时钟项目。ESP8266是一款低成本、高性能的Wi-Fi微控制器，广泛应用于物联网(IoT)设备，如智能家居、远程控制和数据采集等场景。NodeMCU则是一个基于...
在Arduino环境下ESP8266（NodeMCU）开发的WiFi天气站(项目论文)
09-27
NodeMCU是基于ESP8266的开发板，集成了Wi-Fi模块，支持Lua脚本语言，同时也可使用Arduino IDE进行编程，提供了丰富的数字和模拟输入输出接口。 【Arduino开发环境】 Arduino是一个开源电子原型平台，以其友好易用的...
代码_esp8266WiFi时钟_网络授时指令_源码_
10-03
- ESP8266通常使用MicroPython、NodeMCU Lua或Arduino IDE进行编程。在这个项目中，我们可能使用了Arduino IDE，因为它提供了丰富的库支持，方便处理TCP/IP通信和NTP协议。 - 编程中会涉及的关键步骤包括初始化...
ESP8266-World-Clock-small:具有全球自动夏令时设置的高精度世界时钟
03-10
1. ESP8266模块，如ESP-01或NodeMCU。 2. 显示设备，如I2C LCD显示屏或WS2812B LED矩阵。 3. 电源和稳压器，以确保ESP8266稳定工作。 4. 可能还需要电阻、电容等被动元件，以及连接线和面包板或PCB板进行电路搭建。 ...
Arduino ESP8266环境包2.7.4.rar
04-04
安装此资源包后，用户可以在IDE的“工具”菜单中选择ESP8266开发板型号，如NodeMCU、Wemos D1 Mini等。 **编译相关工具包** 除了开发板资源包，该环境包还提供了四个编译相关的工具包。这些工具可能包括： 1. **...
非常简单的MicroPython ESP8266 / ESP-12网络时钟-电路方案
04-20
使用MicroPython内置模块构建仅带ESP8266 / ESP-12板和SSD1306 OLED显示屏的Web时钟教程。 硬件组件: Espressif Wemos D1 Mini× 1 图形OLED，128 x 64× 1 跳线（通用）× 1 面包板（通用）× 1 软件应用程序和在线服务: MicroPython 本教程项目是通过仅使用MicroPython的内置模块（库）在ESP8266 / ESP-12板上创建一个非常简单的Web时钟。 简而言之，该项目做了以下事情: 连接到WiFi路由器; HTTP GET并每分钟解析Web JSON数据，然后更新内部RTC（实时时钟）模块; （这是为了避免对服务器进行类似DDoS的查询。但是由于软件RTC非常不准确，我们仍然需要在一分钟或一小时内更新它，取决于您使用的主板。） 在SSD1306 OLED显示屏上显示内部RTC日期和时间。 如果电路板失去WiFi连接，它将自动重启。 无需导入任何第三方库即可实现上述所有功能。整齐！
ESP8266 8x8 LED矩阵上的动画时钟-电路方案
04-20
一个简单的DIY ESP8266互联网时钟。 硬件组件: NODEMCU 1.0 ESP8266板（ESP-12模块）× 1 MAX7219 8x8Led矩阵模块× 7 软件应用程序和在线服务: Arduino IDE 手动工具和制造机器: 烙铁（通用） 这是我使用ESP8266的第一个项目，所以我想尝试制作一些简单的设备。想到我以前的一个项目（蓝牙控制的滚动文本），我有一个完整的8x56 LED矩阵，包括7个MAX7219 LED矩阵模块8x8，位于相应的盒子里。 让我提一下这些模块比较旧，前面包含DIL IC。新模块采用smd技术制造，通常由4个耦合矩阵组成，顺时针旋转90度。 我决定用一个大数字制作一个漂亮的动画（翻转）时钟，它通过互联网同步。我的项目的基础是Pawel A. Hernik的代码，我从中删除了显示天气信息和货币汇率的部分。我这样做是为了使代码尽可能简单和易懂。
esp8266时钟_基于ESP32的网页翻转无线电时钟电路方案设计
weixin_39908263的博客
11-30 420
不久前，我向我的一些同事提到，可以制作一个简单的翻盖显示器。(我实际上是用硬纸板和牙签制作的，看上去……并不是很漂亮。)实际上，这是2013年4月由日本大人の科学杂志(“成人科学”)制作的DIY无线电钟，称为(电波时计。2014年在台湾出版了中文翻译本。该杂志总能为您提供一些帮助：迷你电吉他，天文馆，留声机，小型自动化机器人，真空管AM收音机，小型印刷机等。)顾名思义，无线电时钟是通过无...
ESP8266便携式物联网时钟（软件篇） 代号：喵
General_s
11-29 6742
接上一篇的硬件，本篇说说开发环境和作品功能的实现及部分核心代码 开发环境 - Arduino IDE for ESP8266 使用Arduino开发平台来开发ESP8266，可以延用Arduino的变成语言，便捷高效，就是安装环境和编译代码的时候稍微费点时间，环境安装参考链接 Arduino IDE – ESP8266开发环境搭建 当然，也不是所有人都能一次性安装成功的，这里提供安装失败的参考方法 ESP8266 – Arduino IDE开发环境配置失败解决方式参考 成功搭建开发环境后，在IDE开发板选
NodeMCU 驱动SSD1306显示互联网时钟
qq_30019617的博客
03-28 980
NodeMCU 驱动SSD1306显示一、所用硬件二、硬件连接三、代码四、NodeMCU引脚图 一、所用硬件 二、硬件连接 SSD1306 NodeMCU VCC 3.3V GND GND SCL IO12 SDA IO14 注：IO12和IO14可以换成其他引脚，只需要在代码里做相应改动即可。 三、代码 #include <Arduino.h> #include <U8g2lib.h> #include <SPI.h> #includ
nodemcu 读写实时时钟DS1307 用lua
silno的专栏
06-08 3806
nodemcu有i2c模块，就可以很方便读写I2C的设备。下面以读写RTC  DS1307为例nodemcu i2c标准例程地址 http://nodemcu.readthedocs.io/en/master/en/modules/i2c/#i2cread但是里面只介绍了怎么读写某个i2c设备的简单过程，并没有说如何读写i2c设备中的某个地址。--读取1307里某个地址的内容 id = 0 ...
NodeMCU项目（一）天气时钟
青何
01-24 6579
首先使NodeMCU模块连接WiFi，接入互联网；然后连接阿里的NTP服务器，获取网络授时，向心知天气服务器发送HTTP请求，对返回的天气信息进行解析，获得今天、明天、后天的天气信息；最后通过OLED屏幕显示获得的信息。
ESP8266NodeMCU+MAX7219八位数码管制作联网时钟【Arduino】
MATSUMOTOZAWA的博客
03-29 1755
ESP8266NodeMCU+MAX7219八位数码管制作联网时钟【Arduino】
技能梳理4@NODEMCU+NFC+串口屏+获取在线时间+排序
杨飞的博客
05-05 437
学生使用NFC打卡，显示在屏幕上，显示前十名的名字，每天显示两次；有个按键，一按就可以显示每个人一周前十名的总次数 1、项目简介 2、实现逻辑 3、应用场景 4、核心代码梳理 #include <Arduino.h> #include <Wire.h> #include <WiFi.h> #include "driver/uart.h" #define STU_SUB 57 #define LED_BUILTIN 02 #define KEY1
esp8266-nodemcu
最新发布
06-07
NodeMCU包含了可以运行在ESP8266 Wi-Fi SoC芯片之上的固件，以及基于ESP-12模组的硬件，生产厂家有安信可和乐鑫等。NodeMCU的尺寸与Nano类似，可以使用Arduino IDE进行开发。同时，它还支持常见通信方式，如IIC、PWM...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

那个小白猿

讨杯可乐

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值