用Visuino图形化编程ESP8266制作NTP网络时钟

1. 项目概述与核心价值

如果你手头正好有一块ESP8266开发板和一块小小的OLED屏幕，想把它变成一个能自动从互联网获取时间的网络时钟，那你算是来对地方了。这个项目听起来简单，但背后涉及了物联网设备最基础也最关键的一环：时间同步。无论是记录传感器数据的时间戳，还是让多个设备协同工作，一个准确、统一的时间源都必不可少。市面上很多网络时钟项目都基于Arduino IDE写代码，对于不熟悉C++语法的新手来说，调试起来有点头疼。而今天我们要聊的，是借助Visuino这款可视化编程工具，用“拖拽连线”的方式，快速实现从NIST时间服务器获取并显示时间日期。整个过程几乎不用写一行代码，特别适合想快速验证想法、或者对传统编程方式感到畏惧的创客和爱好者。

这个项目的核心，是理解并实践网络时间协议（NTP）在嵌入式设备上的应用。我们使用的ESP8266，以其内置的Wi-Fi功能和极低的成本，成为了物联网项目的“万金油”。而OLED显示屏则提供了清晰、低功耗的显示界面。通过Visuino，我们将复杂的网络通信、数据解析和显示控制封装成图形化模块，你只需要理清数据流动的逻辑，就能搭建出一个稳定工作的网络时钟。这不仅是一个制作时钟的教程，更是一次理解物联网设备如何与云端服务交互的绝佳实践。无论你是想做一个摆在桌面的个性时钟，还是为你的智能家居项目添加时间基准，这个方案都能提供一个扎实的起点。

2. 核心思路与方案选型解析

2.1 为什么选择NIST服务器和Time Protocol（TCP 37端口）

在动手之前，我们先得搞清楚时间从哪里来。互联网上有许多免费的时间服务器，NIST（美国国家标准与技术研究院）提供的便是其中权威且免费的一组。NIST维护着多个时间服务器，如我们教程中使用的time-a-g.nist.gov。这里有一个关键点：我们使用的并非现在更常见的NTP（Network Time Protocol，端口123），而是更古老的Time Protocol（RFC 868），它使用TCP 37端口。

那么，为什么在这个项目里选择了老旧的Time Protocol而不是NTP呢？这主要是出于简化协议解析的考虑。NTP协议数据包结构相对复杂，包含了版本、模式、精度、抖动等多个字段，需要专门的库来解析。而Time Protocol极其简单：客户端连接服务器的37端口，服务器直接返回一个32位的无符号整数，这个数字代表了从1900年1月1日0时0分0秒（UTC）到当前时刻所经过的秒数。对于Visuino这种图形化工具，处理一个简单的整数远比解析一个结构化的协议包要容易得多。Visuino内置的“Internet Time Protocol”组件，就是专门为解析这个从37端口返回的秒数而设计的。当然，这种协议的精度通常只在秒级，且没有NTP的校时和延迟补偿算法，但对于一个显示日期和时间的桌面时钟来说，完全够用。

注意：一些公共NTP服务器对访问频率有限制，过于频繁的请求可能会被屏蔽。Time Protocol服务器通常也有类似限制。因此，在我们的设计里，通过一个低频的脉冲发生器（如每10秒一次）来触发请求，是既礼貌又实用的做法。

2.2 硬件选型：ESP8266与OLED的搭配逻辑

ESP8266的选择几乎是必然的。我们需要一个能连接Wi-Fi、有足够计算能力、且性价比高的MCU。ESP8266系列，无论是NodeMCU、Wemos D1 Mini还是ESP-01S，都完美符合要求。它们内置了TCP/IP协议栈，使得网络编程变得非常简单。在本教程的Visuino配置中，我们使用了“Generic ESP8266”板型，其引脚定义是通用的，但具体到I2C引脚需要特别注意。

大多数ESP8266开发板的默认I2C引脚是GPIO4（SDA）和GPIO5（SCL）。但这不是绝对的，例如有些NodeMCU v3板子标注的D2和D1分别对应GPIO4和GPIO5。在Visuino中配置I2C通道时，必须与你实际硬件连接保持一致，否则OLED屏幕将无法通信。

OLED显示屏方面，我们通常使用SSD1306或SH1106驱动芯片的0.96寸或1.3寸屏幕，分辨率多为128x64。它们通过I2C接口通信，只需要连接VCC、GND、SCL、SDA四根线，接线非常简洁。Visuino中的“SSD1306/SH1106 OLED Display (I2C)”组件兼容这两种驱动芯片，能够自动识别，这省去了我们查找和安装特定库的麻烦。选择OLED是因为其自发光、高对比度的特性，显示时间信息非常清晰，即使在暗光环境下也无须背光。

2.3 软件工具：为什么是Visuino而非Arduino IDE？

这是本教程最具特色的地方。Arduino IDE是创客领域的标准工具，但对于初学者或快速原型开发而言，面对网络通信、字符串处理、显示控制等多线程逻辑时，代码可能会迅速变得复杂。

Visuino作为一个可视化编程环境，其价值在于抽象和可视化数据流。它将网络连接、数据收发、协议解析、字符串操作、屏幕控制等功能都封装成了一个个带有输入输出引脚的“组件”。你要做的不是编写函数，而是思考“时间数据从哪里来，经过怎样的处理，最后到哪里去”。例如，“从网络获取的原始时间字符串” -> “删除右边多余字符” -> “删除左边多余字符” -> “发送到屏幕的某个文本区域”。这个过程就像画流程图，非常直观。

对于教育、快速验证概念或者不擅长代码但逻辑清晰的人来说，Visuino极大地降低了门槛。它最终也会生成Arduino代码并编译上传，你相当于在用一种更高效的方式“写”代码。当然，它的灵活性可能不如直接写代码，但对于像网络时钟这样的标准任务，它往往更快捷、更不易出错。

3. 硬件连接与Visuino环境搭建

3.1 硬件连接清单与示意图

在开始软件配置前，确保你的硬件正确连接。以下是基于最常见的Wemos D1 Mini（或类似ESP8266板）和0.96寸I2C OLED屏的连接方式：

连接非常简单，只有四根线。请务必使用3.3V供电。连接好后，暂时不需要给ESP8266连接USB线到电脑，我们先配置软件环境。

3.2 Visuino安装与Arduino IDE核心配置

Visuino的运行依赖于Arduino IDE及其对ESP8266的支持。因此，第一步是安装Arduino IDE。请从Arduino官网下载最新版本（1.8.x或更高）。安装完成后，你需要添加ESP8266的板支持。

1. 打开Arduino IDE，点击“文件” -> “首选项”。
2. 在“附加开发板管理器网址”中，填入：http://arduino.esp8266.com/stable/package_esp8266com_index.json（如果已有其他URL，用逗号隔开）。
3. 点击“工具” -> “开发板” -> “开发板管理器”。
4. 在搜索框中输入“esp8266”，找到“esp8266 by ESP8266 Community”，点击安装。这个过程需要下载一些核心文件，请保持网络通畅。

接下来，安装Visuino。从Visuino官网下载安装程序并完成安装。启动Visuino后，其界面与传统的Arduino IDE不同，主工作区是一个用于放置和连接组件的画布。

3.3 Visuino中ESP8266板型与Wi-Fi基础设置

首次使用Visuino需要正确设置板型，否则无法编译。

1. 在Visuino组件面板的“工具箱”中，找到“Arduino”组件（通常是一个蓝色的板子图标），将其拖拽到设计画布上。
2. 单击画布上的这个Arduino组件，右侧会出现其属性窗口。
3. 在属性窗口中，找到“Board”或“板型”选项。点击旁边的“...”按钮或下拉菜单。
4. 在弹出的板型选择窗口中，找到“Generic ESP8266 Module”并选择它。这样，Visuino就知道要为哪种芯片生成代码了。

接下来是配置Wi-Fi，这是设备联网的关键。

1. 在画布上选中“Generic ESP8266”组件，在属性窗口中，找到“Modules”或“模块”分类并展开，你会看到“WiFi”。
2. 展开“WiFi”，找到“Access Points”（接入点）。点击旁边的“...”按钮，会打开一个“Access points”管理窗口。
3. 在这个管理窗口的右侧，应该有一个可用的Wi-Fi组件（如“WiFi Access Point”），将其拖拽到左侧的空白区域。
4. 拖过来后，左侧会出现一个Wi-Fi接入点实例。点击它，在下方属性窗口中设置：
   • SSID: 填入你的无线网络名称。
   • Password: 填入对应的Wi-Fi密码。
5. 设置完成后，关闭“Access points”窗口。这样，ESP8266启动后就会尝试连接你指定的网络。

4. 网络时间获取组件的配置与原理

4.1 配置TCP客户端连接NIST服务器

设备连上Wi-Fi后，需要建立一个到时间服务器的网络连接。我们使用TCP客户端。

1. 同样在“Generic ESP8266”组件的属性窗口，“Modules” -> “WiFi” -> “Sockets”下，点击“...”按钮。
2. 打开“Sockets”窗口，从右侧拖拽一个“TCP/IP Client”到左侧。
3. 选中这个TCP客户端，在属性窗口中进行关键配置：
   • Host: 填入NIST服务器地址time-a-g.nist.gov。你也可以尝试列表中的其他服务器，如time.nist.gov，但需确保其支持TCP 37端口。
   • Port: 必须设置为37。这是Time Protocol的专用端口。

这个配置意味着，当程序运行时，ESP8266会尝试与time-a-g.nist.gov的37端口建立一条TCP连接。连接成功后，即可进行数据收发。

4.2 脉冲发生器与“Internet Time”组件详解

服务器不会主动发送时间，需要客户端去请求。我们用一个脉冲发生器（Pulse Generator）来定时触发请求。

1. 从组件工具箱的“Timers”或“信号”分类中，找到“Pulse Generator”，拖到画布上。它的作用就像一个定时器，每隔固定时间从Out引脚输出一个脉冲信号。
2. 选中“PulseGenerator1”，在属性窗口中设置Frequency（频率）。教程中设置为0.1166667Hz。这个数字怎么来的？频率是每秒多少次。0.1166667Hz约等于每8.57秒一次（1 / 0.1166667 ≈ 8.57）。这意味着大约每8到9秒请求一次时间，这个频率既不会对服务器造成负担，也能保证时钟的及时更新。你可以根据需求调整，比如设为0.0166667（每分钟一次）或0.0033（每5分钟一次）。

接下来是核心的**“Internet Time”组件**。

1. 从工具箱的“Communication”或“Internet”分类中，找到“Internet Time Protocol”组件，拖到画布上。
2. 这个组件就是用来处理TCP 37端口协议的。它需要一个脉冲信号来触发一次时间请求，同时需要一个网络套接字（Socket）来进行通信。
3. 连接：将PulseGenerator1的Out引脚连接到InternetTime1的In引脚。这样，每次脉冲到来，就触发一次时间请求。
4. 将InternetTime1的Socket引脚连接到Generic ESP8266组件下你刚创建的TCP Client1的In引脚。这样，时间请求就会通过这个TCP客户端发送出去。

当InternetTime1组件被触发后，它会通过连接的TCP客户端向服务器发送一个连接请求（实际上，对于Time Protocol，建立连接本身就被视为请求）。服务器响应后，InternetTime1会从Out引脚输出一个字符串。这个字符串就是服务器返回的原始时间信息，通常是一个包含日期、时间、时区等长字符串，需要进一步处理才能显示。

5. 时间数据解析与字符串处理流程

5.1 理解原始时间数据格式

从NIST服务器（37端口）获取的原始数据，经过InternetTime1组件解析后，输出的字符串格式通常类似于：59978 24-05-10 12:34:56 00 0 0 123.4 UTC(NIST) *这是一串包含多个字段的文本，每个字段由空格分隔。我们需要从中提取出“日期”和“时间”部分。

• 59978：可能是某种日计数或状态码。
• 24-05-10：这就是我们需要的日期，格式为“年-月-日”。
• 12:34:56：这就是我们需要的时间，格式为“时:分:秒”。
• 后面的00 0 0 123.4 UTC(NIST) *包含了时区、闰秒标志、精度等信息。

我们的目标是把24-05-10和12:34:56这两个子字符串提取出来，分别送到OLED屏幕的两个不同位置进行显示。

5.2 使用“删除文本”组件进行字符串裁剪

Visuino提供了“Delete Right Sub Text”和“Delete Left Sub Text”组件，它们的功能是从字符串的右侧或左侧开始，删除指定数量的字符。我们可以巧妙地组合它们来“截取”中间我们想要的部分。

提取日期（24-05-10）：

1. 思路：原始字符串中，日期在开头第7个字符之后（跳过前面的数字和空格），长度是8个字符（YY-MM-DD）。但更稳健的方法是先去掉时间之后的所有字符，再去掉日期之前的所有字符。
2. 实际操作：
   • 添加一个“Delete Right Sub Text”组件（命名为DeleteRightText1）。将其Length属性设置为13。这意味着从字符串右侧开始删除13个字符。计算一下：原始字符串总长假设约50字符，我们想保留“日期+时间”及之前的部分。UTC(NIST) *这部分大约13个字符。删除后，字符串变成59978 24-05-10 12:34:56 00 0 0 123.4。
   • 再添加一个“Delete Left Sub Text”组件（命名为DeleteLeftText1）。将其Length属性设置为6。这意味着从字符串左侧开始删除6个字符。59978是5位数字，加上后面的一个空格，共6位。删除后，我们就得到了24-05-10 12:34:56 00 0 0 123.4。
   • 但我们需要纯日期。所以再添加一个“Delete Right Sub Text”组件（命名为DeleteRightText_Date，教程中用了两个组件完成，原理相同）。将其连接到DeleteLeftText1之后，设置Length为从末尾删除到只剩日期。更简单的方法是：在第一个DeleteRightText1之后，我们得到的字符串开头就是日期，但后面还跟着时间。我们可以用另一个DeleteRightText组件，设置一个较大的Length值，只保留前8个字符（日期），但Visuino的“Delete Right”是从右删。所以教程中的方法可能是：先用一个DeleteRightText去掉时间以后的部分，再用一个DeleteLeftText去掉日期以前的部分，此时剩下的就是纯日期。具体属性值（Length为13, 5, 12等）需要根据实际服务器返回的字符串格式微调。关键在于理解“删除右侧文本”和“删除左侧文本”的组合可以提取出字符串的任意中间段。

提取时间（12:34:56）：

1. 思路：时间在日期之后。我们可以先删除日期之前的所有内容，再删除时间之后的所有内容。
2. 实际操作：
   • 从InternetTime1的输出，同样连接到一个“Delete Right Sub Text”组件（DeleteRightText2），设置Length为5（这个值可能用于先去掉末尾的少量字符，简化后续处理）。
   • 然后连接到一个“Delete Left Sub Text”组件（DeleteLeftText2），设置Length为12。这个12是关键，它的目的是删除“日期”以及其后的空格。计算：“59978 ”（6位）+ “24-05-10”（8位）= 14位，中间还有一个空格？实际上需要根据串口监视器打印出的原始字符串来精确计算。假设原始字符串为59978 24-05-10 12:34:56 ...，日期“24-05-10”结束于第14个字符（索引13），其后是空格（第15字符），那么时间从第16字符开始。所以DeleteLeftText2的Length应该设置为15，才能删除日期及之前的空格。教程中的12可能需要调整。删除后，得到的就是以时间开头的字符串12:34:56 00 ...。
   • 如果需要纯净的时间，可以再串联一个“Delete Right Sub Text”组件，删除时间（8字符）之后的所有内容。

连接数据流：

• 将InternetTime1的Out引脚，同时连接到DeleteRightText1和DeleteRightText2的In引脚。
• 将DeleteRightText1的Out连接到DeleteLeftText1的In。DeleteLeftText1的Out就是处理好的日期字符串。
• 将DeleteRightText2的Out连接到DeleteLeftText2的In。DeleteLeftText2的Out就是处理好的时间字符串。

实操心得：字符串处理是Visuino项目中调试的重点。最可靠的方法是，先不连接OLED，而是将InternetTime1的原始输出和各个处理环节的输出，分别连接到ESP8266的“Serial”组件的Print引脚，然后在Arduino IDE的串口监视器中查看实际字符串。根据看到的实际格式，精确计算需要删除的字符数。Length属性的调整是“试出来”的，多试几次就能掌握规律。

6. OLED显示配置与元素布局

6.1 添加并配置OLED显示组件

1. 从组件工具箱的“Displays”分类下，找到“SSD1306/SH1106 OLED Display (I2C)”，拖拽到画布上。
2. 选中画布上的“Generic ESP8266”主板组件，在属性窗口中展开“I2C Channels” -> “I2C”。这里需要设置I2C通信的引脚号，必须与你的硬件连接一致。
   • 将SCL设置为5(对应GPIO5)。
   • 将SDA设置为4(对应GPIO4)。
3. 双击画布上的“DisplayOLED1”组件，这会打开一个全新的“Elements”窗口。这个窗口用于设计和布局屏幕上要显示的内容。

6.2 设计屏幕显示元素

在“Elements”窗口中，左侧是当前屏幕的元素列表，右侧是可供添加的元素工具箱。

1. 添加标题：在右侧工具箱展开“Text”，找到“Draw Text”，拖拽到左侧列表。这个元素用于绘制静态文本。选中左侧新增的“Draw Text1”，在下方属性面板设置：
   • Text: 输入你想显示的标题，例如Time&Date。
   • Size: 设置为2，表示使用2倍大小的字体。
   • X,Y: 设置文本的起始坐标。可以保持默认或微调，例如X=0, Y=0将其放在左上角。
2. 添加分割线：为了让界面更美观，可以加一条分割线。在右侧工具箱展开“Lines”，找到“Draw Line”，拖到左侧。选中“Draw Line1”，设置属性：
   • Width: 设置为120（略小于屏幕宽度128，产生两边留空的效果）。
   • Y: 设置为20。这意味着在纵坐标20像素的地方画一条120像素宽的水平线。
3. 添加日期和时间显示区域：我们需要两个能动态显示文本的区域。在右侧工具箱的“Text”下，找到“Text Field”，拖拽两个到左侧列表（“Text Field1”和“Text Field2”）。Text Field与Draw Text不同，它有一个输入引脚（In），可以接收外部传入的字符串并显示。
   • 选中“Text Field1”，设置属性：
     • Size:2。
     • Y:25（位于分割线下方）。
     • X可以保持默认（自动居中）或手动设置。
   • 选中“Text Field2”，设置属性：
     • Size:2。
     • Y:45（在日期下方，留出足够行距）。
4. 关闭“Elements”窗口，回到主设计画布。

6.3 连接数据到显示区域

现在，将之前处理好的日期和时间字符串，送到OLED屏幕对应的显示区域。

1. 找到“DeleteLeftText1”组件（输出最终日期字符串），将其Out引脚连接到“DisplayOLED1”组件上。
2. 连接时，Visuino会弹出一个菜单，让你选择连接到显示器的哪个部分。展开菜单，找到“Text Field1” -> “In”引脚，点击连接。这样，日期字符串就流向了第一个文本显示区域。
3. 同样，将“DeleteLeftText2”组件（输出最终时间字符串）的Out引脚连接到“DisplayOLED1” -> “Text Field2” -> “In”引脚。

至此，整个数据流就打通了：脉冲触发时间请求 -> 通过网络获取原始时间字符串 -> 经过两级文本处理分别提取日期和时间 -> 分别发送到OLED屏幕的两个文本框进行显示。

7. 代码生成、编译上传与调试

7.1 生成代码与编译上传

所有组件连接完毕后，就可以生成Arduino代码并上传了。

1. 在Visuino底部，点击切换到“Build”标签页。
2. 在“Port”下拉菜单中，选择你的ESP8266开发板所连接的串口（如COM3, COM4, /dev/cu.usbserial-*等）。如果未识别，请检查USB线、驱动或尝试按一下板子上的复位键。
3. 点击“Compile/Build and Upload”按钮（通常是一个向右的箭头图标）。

Visuino会执行以下步骤：

• 编译/生成代码：将图形化设计转换为Arduino C++代码。这个过程可能会花点时间，状态栏会显示进度。
• 上传：将编译好的二进制文件通过串口烧录到ESP8266中。

上传期间，ESP8266板上的LED可能会快速闪烁。上传成功后，状态栏会显示“Done uploading”。

7.2 上电测试与现象观察

将开发板通过USB线连接电脑或一个5V/1A的USB电源适配器上电。观察：

1. 电源指示灯：ESP8266板上的电源LED应常亮。
2. Wi-Fi连接：板载的Wi-Fi状态LED（通常是蓝色）在开机后会闪烁，表示正在尝试连接网络。连接成功后，该LED可能会常亮或呈现不同的闪烁模式（取决于具体板型）。
3. OLED屏幕：屏幕首先会初始化（可能会闪一下），然后显示你设置的静态标题“Time&Date”和分割线。稍等几秒（第一个脉冲触发后），日期和时间区域应该会刷新，显示出从NIST服务器获取的当前日期和时间。

如果时间显示正常，并且每隔你设定的周期（如8.57秒）更新一次，那么恭喜你，项目成功了！

7.3 常见问题排查与解决

在实际操作中，你可能会遇到一些问题。以下是常见问题的排查思路：

1. 编译错误：“Board not selected”或类似错误

• 原因：未在Visuino中正确选择“Generic ESP8266”板型。
• 解决：确保在画布上选中Arduino组件，并在属性窗口中正确选择了板型。

2. 编译错误：找不到头文件或库

• 原因：Visuino依赖的某些Arduino库未安装，或者Arduino IDE对ESP8266的支持不完整。
• 解决：
  • 确认Arduino IDE已成功安装ESP8266开发板支持包（通过开发板管理器）。
  • 在Visuino的“Tools” -> “Options”中，检查“Arduino IDE Path”是否正确指向了你的Arduino IDE安装目录。
  • 尝试重启Visuino和Arduino IDE。

3. 上传失败

• 原因：串口选择错误、板子型号不对、或板子未进入烧录模式。
• 解决：
  • 检查“Port”是否选对了。
  • 确保在上传时，ESP8266处于编程模式。对于有些板子（如NodeMCU），无需额外操作；对于有些裸模块（如ESP-01），需要将GPIO0拉低再上电才能进入烧录模式。
  • 尝试降低上传波特率（在Visuino中，选中主板组件，属性里可能有Upload Speed选项，尝试改为115200或更低）。

4. OLED屏幕不亮或白屏

• 原因：电源接错（接了5V）、I2C引脚接错、屏幕本身损坏、或I2C地址不对。
• 解决：
  • 首要检查：确认VCC接3.3V，GND共地，SCL和SDA线序正确且接触良好。
  • I2C地址问题：多数OLED默认地址是0x3C，少数是0x3D。Visuino的OLED组件通常能自动扫描。如果不行，可以在组件属性中手动指定Address。
  • 使用一个简单的I2C扫描程序（在Arduino IDE中有很多例子）来确认ESP8266是否能检测到OLED设备。

5. 时间显示为乱码或始终不变

• 原因：网络未连接、服务器无响应、或字符串处理步骤配置错误。
• 解决：
  • 检查Wi-Fi：确保SSID和密码正确，且信号良好。可以在Visuino中添加一个“Serial”组件，并将其连接到主板的“Serial”引脚，然后将Wi-Fi连接状态输出到串口，在Arduino IDE的串口监视器（波特率9600）中查看连接过程。
  • 检查原始数据：这是最有效的调试方法。在InternetTime1的Out引脚后，接一个“Serial”组件的Print引脚。上传后打开串口监视器，查看服务器返回的原始字符串到底是什么格式。根据这个实际格式，回头精确调整“Delete Right Sub Text”和“Delete Left Sub Text”组件的Length属性。
  • 检查服务器：尝试更换一个NIST服务器，例如time.nist.gov（端口同样是37）。网络防火墙或DNS问题也可能导致连接失败。

6. 时间更新频率不对

• 原因：脉冲发生器的频率设置错误。
• 解决：检查PulseGenerator1的Frequency属性。频率=1/周期。如果你想要每10秒更新一次，频率应设为0.1。每60秒一次，频率设为0.0166667。

8. 项目优化与扩展思路

一个基础功能实现后，我们可以思考如何让它更完善、更实用。

8.1 增加稳定性与错误处理

当前的流程比较脆弱，一旦网络断开或服务器无响应，显示就会停滞。

• 增加连接状态指示：可以利用ESP8266板载的LED（如GPIO2），或者OLED屏幕的另一个区域，来显示Wi-Fi连接状态（如“Connecting...”, “Connected”, “AP Not Found”）。这需要在Visuino中处理Wi-Fi组件的连接状态事件。
• 添加超时与重试机制：当前的脉冲发生器会无条件触发请求。可以设计一个逻辑：只有在上一次请求成功完成后，才允许下一次触发；如果请求超时或失败，则延迟一段时间后重试，并在屏幕上显示错误信息（如“Timeout”）。
• 本地RTC后备：虽然ESP8266没有硬件RTC，但可以借助其内部的软件计时器，在网络时间同步成功后，在本地进行软件计时。当网络丢失时，可以暂时依靠这个软件时钟维持显示，虽然会有漂移，但比完全停滞好。网络恢复后立即重新同步校准。

8.2 功能扩展

• 显示更多信息：OLED屏幕还有空间。可以添加显示星期几、网络IP地址、室内温度湿度（需连接传感器）等信息。
• 美化界面：利用Visuino的图形元素，可以绘制更精美的表盘、数字字体，或者添加动画效果（如冒号闪烁）。
• 多时区支持：NIST服务器返回的是UTC时间。可以在Visuino中添加数学运算组件，对获取到的小时数进行加减，来实现时区转换。
• 改用NTP协议：如果你需要更高精度或更稳定的时间，可以挑战使用NTP协议。这需要寻找支持NTP的Visuino组件（或自己封装库），或者切换到Arduino IDE，使用成熟的NTPClient库进行开发，然后将获取到的时间数据通过串口传递给Visuino进行显示（一种混合编程思路）。

8.3 脱离电脑独立运行

项目调试完成后，你可以为其找一个外壳（3D打印或手工制作），并用一个手机充电器或电池供电，将其变成一个真正独立的网络时钟，摆放在书桌、床头或客厅。

这个基于Visuino的ESP8266网络时钟项目，通过图形化的方式，清晰地展示了物联网设备“感知-传输-处理-显示”的完整数据流。它不仅仅是一个时钟，更是一个理解物联网开发基础逻辑的绝佳范例。当你看到屏幕上自动跳出的准确时间时，那种连接全球网络的感觉，正是物联网魅力的最初体验。