自动授时OLED时钟
- 先看看做好的界面
- 由于屏幕刷新的问题,我取消了秒数的显示,会有闪屏现象,项目中每5秒获取一次时间信息,这个时间可以自己控制


- 硬件连接

一、项目中用到的硬件
1.屏幕
- 0.96寸 4Pin OLED,纯蓝色

2.主控
- ESP8266 NodeMCU
这里需要注意的是,两款开发板都是可以的,引脚连接方式相同
只是下载的串口不同,电脑上的串口工具驱动匹配就可以了,分别是CH340和PC2102


二、软件配置
1.WIFI 连接配置
- 这里可以存储多个wifi名和密码,让程序在不同的地方都能跑起来
- 需要包含 #include <ESP8266WiFiMulti.h> // ESP8266WiFiMulti库
#include <ESP8266WiFiMulti.h> // ESP8266WiFiMulti库
void setup() {
Serial.begin(9600);
//这里存放需要连接的WIFI信息,WIFI名和密码
wifiMulti.addAP("Xiaomi_7F5F", "bangrong789");
wifiMulti.addAP("ayan", "Y1527412374");
wifiMulti.addAP("ssid_from_AP_3", "your_password_for_AP_3");
Serial.println("Waiting for connecting ...");
int i = 0;
while (wifiMulti.run() != WL_CONNECTED) { //循环等待WIFI连接成功
delay(1000);
Serial.print(".");
display.print(".");
}
}
2.API获取时间
- 本项目从苏宁的一个免费API获取时间信息
#include <ArduinoJson.h>
const String url = "http://quan.suning.com/getSysTime.do";
void GetTime()
{
if(WiFi.status()== WL_CONNECTED) { //确保WiFi连接
HTTPClient http; //定义一个客户端类
http.begin(url); //api接口
http.addHeader("Content-Type", "text/plain");
httpCode = http.POST("Message from ESP8266"); //发送请求
payload = http.getString(); //获取返回payload
http.end(); //关闭TCP 释放资源
}
else{
Serial.println("WiFi Connected Error");
}
delay(10000); //获取时间间隔
GetDate = true;
}
- 从API获取到的数据
{"sysTime2":"2021-10-16 13:37:24","sysTime1":"20211016133724"}
- 对获取到的时间字符串进行处理
void DateHandle()
{
//判断json数据完整性
int jsonBeginAt = payload.indexOf("{");
int jsonEndAt = payload.lastIndexOf("}");
if (jsonBeginAt != -1 && jsonEndAt != -1)
{
if(GetDate==true)
{
//对Json进行提取
payload = payload.substring(jsonBeginAt, jsonEndAt + 1);//取得一个完整的JSON字符串
const size_t capacity = JSON_OBJECT_SIZE(2) + 60;
DynamicJsonDocument doc(capacity);
//const char* json = "{\"sysTime2\":\"2020-03-07 19:13:28\",\"sysTime1\":\"20200307191328\"}";
deserializeJson(doc, payload);
const char* sysTime1 = doc["sysTime1"]; // "20200307191328"
const char* sysTime2 = doc["sysTime2"]; // "2020-03-07 19:13:28"
String Date=sysTime1;
Year=(Date.substring(0, 4)).toInt();//截取(下标从0开始)[0,4]的数据
Month=(Date.substring(4, 6)).toInt();
Day=(Date.substring(6, 8)).toInt();
Hour=(Date.substring(8, 10)).toInt();
Minute=(Date.substring(10, 12)).toInt();
Second=(Date.substring(12, 14)).toInt();
GetDate=false;
}
}
}
3.显示设置
- 显示年份
#include <Adafruit_ssd1306syp.h> //OLED库
void Display_Date(void)
{
display.setTextSize(1);//字体大小
display.setTextColor(WHITE);
display.setCursor(0,55);
display.print(Year);
display.print(" ");
display.print(Month);
display.print("-");
display.println(Day);
display.update();
}
- 显示时间
void Display_Time(void)
{
display.setTextSize(3);
display.setTextColor(WHITE);
display.setCursor(20,22);
if(Hour < 10){ //保证数字两位显示
display.print("0");
}
display.print(Hour);
display.print(":");
if(Minute < 10){
display.print("0");
}
display.print(Minute);
display.update();
}
4.显示星期
这里找的是网上一个名叫 “Velscode的猫窝” 博主的资料
项目中采用蔡勒(Zeller)公式,是一个计算星期的公式

w:星期; w对7取模得:0-星期日,1-星期一,2-星期二,3-星期三,4-星期四,5-星期五,6-星期六
c:世纪(注:一般情况下,在公式中取值为已经过的世纪数,也就是年份除以一百的结果,而非正在进行的世纪,也就是现在常用的年份除以一百加一;不过如果年份是公元前的年份且非整百数的话,c应该等于所在世纪的编号,如公元前253年,是公元前3世纪,c就等于-3)
y:年(一般情况下是后两位数,如果是公元前的年份且非整百数,y应该等于cMOD100+100)
m:月(m大于等于3,小于等于14,即在蔡勒公式中,某年的1、2月要看作上一年的13、14月来计算,比如2003年1月1日要看作2002年的13月1日来计算)
d:日
[ ]代表取整,即只要整数部分
int Calculate_Week( int year , int month, int day )
{
int c,y,week;
if (month == 1 || month == 2)
year--, month += 12;
c = year / 100;
y = year - c * 100;
week = y + y / 4 + c / 4 - 2 * c + 26 * (month + 1) / 10 + day - 1;
while (week < 0)
week += 7;
week %= 7;
return week;
}
三、整体项目
链接:https://pan.baidu.com/s/1kcQkaGgWFQDpQKCyjSb_dw
提取码:n7ob