开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用javascript根据用户发送的时间显示消息

使用JavaScript根据用户发送的时间显示消息可以通过以下步骤实现：

首先，获取用户发送消息的时间。可以使用JavaScript的Date对象获取当前时间或从其他来源（例如服务器）获取用户发送消息的时间。
根据用户发送消息的时间，确定要显示的消息内容。可以根据时间的不同设置不同的消息内容，例如早上、下午和晚上显示不同的问候语。
将消息内容显示在用户界面上。可以使用JavaScript的DOM操作方法，例如getElementById或querySelector，选择要显示消息的HTML元素，并将消息内容插入到该元素中。

以下是一个示例代码，演示如何根据用户发送的时间显示消息：

<!DOCTYPE html>
<html>
  <head>
    <title>显示用户发送的时间消息</title>
    <script>
      function showMessage() {
        var currentTime = new Date();
        var hour = currentTime.getHours();
        var message;

        if (hour < 12) {
          message = "早上好！";
        } else if (hour < 18) {
          message = "下午好！";
        } else {
          message = "晚上好！";
        }

        document.getElementById("message").textContent = message;
      }
    </script>
  </head>
  <body onload="showMessage()">
    <div id="message"></div>
  </body>
</html>

在以上示例中，根据当前时间判断是早上、下午还是晚上，并将相应的问候语显示在id为"message"的HTML元素中。可以根据实际需求修改消息内容和显示方式。

腾讯云相关产品和产品介绍链接地址：

腾讯云主页：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云函数（SCF）：https://cloud.tencent.com/product/scf
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云储存（COS）：https://cloud.tencent.com/product/cos
人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动推送（TPNS）：https://cloud.tencent.com/product/tpns

相关搜索:使用Discord的API以用户身份发送消息如何使用Facebook向我的客户(用户)发送消息如何使用InstaPy直接向用户发送消息？如何使用Javascript向移动用户显示消息，以使用更大的屏幕？如何使用javascript显示google recaptcha错误消息如何使用javascript显示基于星期几的文本消息？如何使用Microsoft teams REST API向用户发送消息？如何使用websocket在具有相同令牌的用户之间发送消息？如何允许JavaScript接收使用信号R发送给特定用户(或自身)的消息？如何向用户显示带有帮助消息的浮动消息

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

仿微信的IM聊天时间显示格式(含iOS/Android/Web实现)[图文+源码]

即时通讯IM应用中的聊天消息时间显示是个再常见不过的需求，现在都讲究用户体验，所以时间显示再也不能像传统软件一样简单粗地暴显示成“年/月/日时:分:秒”这样。所以，市面上几乎所有的IM都会对聊天消息的时间显示格化做人性化处理，从而提升用户体验（使用感受会明显友好）。

05

IM开发宝典：史上最全，微信各种功能参数和逻辑规则资料汇总

IM应用的初学者们，在补全了各种基础技术知识后（如果您仍不具备这些知识，建议马上阅读《新手入门一篇就够：从零开发移动端IM》），在动手编码实践时，很多时候纠结的并不是功能该如何实现，而是这个功能该实现成什么样（没有经验，我特玛能找谁问问？）。

02

IM开发宝典：史上最全，微信各种功能参数和逻辑规则资料汇总

IM应用的初学者们，在补全了各种基础技术知识后（如果您仍不具备这些知识，建议马上阅读《新手入门一篇就够：从零开发移动端IM》），在动手编码实践时，很多时候纠结的并不是功能该如何实现，而是这个功能该实现成什么样（没有经验，我特玛能找谁问问？）。

03

android toast居中显示_android Toast 弹出在屏幕中间位置以及自定义Toast

Toast 我想我们应该使用的都很多，一般我们使用默认设置较多，但是默认设置往往不能满足我们的需求，那我们现在来自定义下：

01

简单的TCP客户端发包工具[通俗易懂]

链接：https://pan.baidu.com/s/1MzNUzwd7WwBat6vNMcu6Ow 密码：ibuv

01

从websocket看go的应用

Go是互联网时代的通用编程语言。这样它就和命令行时代的C语言、图示界面时代的C++、以及互联网早期的Java语言等有不同的侧重。它强调保持自身的精巧和独立，从而能配合现有的基础框架，也能比较容易地加入新的技术。最近使用websocket完成了一个比较满意的设计。此处，我希望能通过一个很小的示例，展示如何使用Go，通过浏览器启动和监查远端窗口系统下的程序。重点不是系统的完备，而是要突出Go语言编程的简洁。 websocket是一种建立浏览器和服务器双向实时通信的技术，是对单向http请求响应方式的提升。

06

从websocket看go的应用

Go是互联网时代的通用编程语言。这样它就和命令行时代的C语言、图示界面时代的C++、以及互联网早期的Java语言等有不同的侧重。它强调保持自身的精巧和独立，从而能配合现有的基础框架，也能比较容易地加入新的技术。最近使用websocket完成了一个比较满意的设计。此处，我希望能通过一个很小的示例，展示如何使用Go，通过浏览器启动和监查远端窗口系统下的程序。重点不是系统的完备，而是要突出Go语言编程的简洁。 websocket是一种建立浏览器和服务器双向实时通信的技术，是对单向http请求响应方式的提升。

07

从websocket看go的应用

Go是互联网时代的通用编程语言。这样它就和命令行时代的C语言、图示界面时代的C++、以及互联网早期的Java语言等有不同的侧重。它强调保持自身的精巧和独立，从而能配合现有的基础框架，也能比较容易地加入新的技术。最近使用websocket完成了一个比较满意的设计。此处，我希望能通过一个很小的示例，展示如何使用Go，通过浏览器启动和监查远端窗口系统下的程序。重点不是系统的完备，而是要突出Go语言编程的简洁。 websocket是一种建立浏览器和服务器双向实时通信的技术，是对单向http请求响应方式的提升。

08

Apriso开发葵花宝典之二Process Builder调试篇

Process builder是Delmia Apriso中主要的业务流程管理工具，也是DELMIA更广泛的Apriso制造运营管理解决方案的核心应用程序，Process Builder允许使用屏幕流管理设计方法和实体（如项目、屏幕、布局、视图和操作（函数））创作用户界面和业务逻辑。该应用程序能够快速方便地管理和修改开发的设计，使您能够根据需要随时更改业务流程。由于增强了对可重用性的支持，以前开发的逻辑可以在新的设计中快速重用。

05

你问我答 | 即时通信IM（2021年11月-12月）

即时通信IM 你问我答第3季本期共解答10个问题 Q1：即时通信 IM如何判断用户当前是否在某个直播间内？（用户在直播间的在线/离线状态）？即时通信 IM当前不支持判断用户在直播间的在线/离线状态。如需实现上述功能，需业务侧对用户在直播间的状态进行上报，通过业务侧后台获取对应状态。 Q2：即时通信 IM uni-app 打包 iOS 语音消息无法播放怎么办？请将 IM SDK 升级到 2.15.0，该版本支持了 iOS 语音消息播放。 Q3：即时通信 IM uni-app 打包

01

v1.8.3 进行中：MQTT X CLI 支持多主题订阅，优化输出显示

九月，MQTT X 团队专注于 1.8.3 版本的开发。主要对功能使用进行了优化，并修复了使用过程中所出现的各类问题。例如，优化 MQTT 5.0 Clean Start 的使用方式，为会话过期间隔添加默认值；优化 MQTT X CLI 的默认输出显示，提供更加细致美观的内容展示。

00

MQTT X v1.8.3 正式发布

近日，MQTT X 发布了最新的 1.8.3 版本，主要对功能使用进行了优化，并修复了使用过程中所出现的各类问题。例如，优化了 MQTT 5.0 Clean Start 的使用方式，为会话过期间隔添加默认值；优化 MQTT X CLI 的默认输出显示，提供更加细致美观的内容展示等。

02

昨天 24 周年 QQ 大面积崩溃、还登微博热搜第一

今日（2月10日）上午，有许多网友反馈，腾讯QQ的手机端当前无法使用，界面长时间显示“正在连接中”相关字样。#QQ崩了#话题登上微博热搜第一，巧的是今天还是QQ24周年。

02

Spring 全家桶之 Spring Web MVC（六）- AJAX & Fileupload

拷贝spring-mvc-crud项目，重命名为spring-mvc-ajax。Spring MVC 处理 json 格式的数据需要导入jackson相关依赖

02

DevTools（Chrome 85）的新功能

DevTools 是开发和测试 Web 应用时最有用的工具之一。在Chrome 85 中，DevTools 做了一些改进，例如：

03

WebView重写onJsAlert那些事

本文主要将如何重写onJsAlert,让烦人的对话框变为无干扰的Toast,以及为什么onJsAlert只调用一次的问题.

02

带你认识 flask 时间日期

使用服务器端的Python渲染日期和时间来展示到用户的浏览器并非一个好主意。考虑如下的例子，我在2017年9月28日下午4点06分写这篇文章。我身处的时区是PDT(UTC-7)，在Python解释器中运行如下：

03

gps卫星校时系统在北京邮电学院的成功案例

2017年末，北京邮电学院在我单位采购的gps卫星校时系统已成功使用在科研项目，为该项目提供标准的时间信息，同时也为国家科研贡献自己一份微薄的力量。

02

《现代Javascript高级教程》Date类：日期和时间处理

在JavaScript中，Date类是用于处理日期和时间的内置类。它提供了一系列属性和方法，使我们能够操作和管理日期、时间、时区等相关信息。本文将详细介绍Date类的属性、常用方法以及应用场景，并提供相应的代码示例。

02

HTTP/2：背景、性能和实现

作为TCP/IP或传输层的一部分，internet协议位于internet基础结构(或物理网络层)之上。它是我们所有或大部分互联网通信的基础。我们在上面使用的一个更高层次的协议层是应用层。在这个级别上，各种应用程序使用不同的协议来连接和传输信息。我们有SMTP、POP3和IMAP用于发送和接收电子邮件，IRC和XMPP用于聊天，SSH用于远程服务器访问，等等。其中最著名的协议是HTTP（超文本传输协议），它已经成为了使用互联网的同义词。这就是我们每天访问网站的方式。它是由蒂姆伯纳斯-伯纳斯于1989年在

01

新的一年，建议尝试下这7个JavaScript 库

Video.js 是一个基于 HTML5 的视频播放器库。它支持大多数流行的视频格式，并且可以在多个平台和浏览器上使用。

03

LED网络时钟系统（LED时间显示屏）让办公更精准

通过NTP校时器（母钟）自动接收GPS卫星或者我国的北斗卫星信号，通过卫星授时信号主板处理后，再将该标准时间信号以网络时间同步技术NTP/SNTP的方式同时发送到更多个能接收该信号的标准时间显示屏（子钟）或计算机网络系统，从而使网络和每个有安装该子钟的位置均能显示与卫星时间信号保持一致的北京时间。

03

祭奠那些年，我弃坑的开源轮子

谨以此篇纪念我那些已经弃坑的轮子。作为一个有理想、有追求的程序员，我造过许许多多的轮子。不幸的是，大部分轮子都死在沙滩上了，只有用 markdown 写的项目还活着。就这么着，我成为了 a famous MD programmer。我从 2010 年开始接触到 GitHub，不过真正活跃的时间是在 2014 年之后了。这些年来，陆陆续续也造了许许多多的轮子。造过的轮子很多，火起来的框架可是一个都没有，物联网框架 Lan 倒可以算得上，不过只有 200+ 个 star。当然 star 很多的应用倒也有几

09

【译】使用 Web Workers 优化 JavaScript 应用程序性能

从简单的脚本语言到成为 Web 标准编程语言，JavaScript 已经走过了漫长的道路。时至今日，它已经被广泛用于构建服务器端应用程序，移动应用程序，桌面应用程序甚至数据库。

01

高通5G平台（SDX55\SDX62\SDX65）：ping包异常问题排查指南

移动通信延续着每十年一代技术的发展规律，已历经1G、2G、3G、4G的发展。每一次代际跃迁，每一次技术进步，都极大地促进了产业升级和经济社会发展。从1G到2G，实现了模拟通信到数字通信的过渡，移动通信走进了千家万户；从2G到3G、4G，实现了语音业务到数据业务的转变，传输速率成百倍提升，促进了移动互联网应用的普及和繁荣。当前，移动网络已融入社会生活的方方面面，深刻改变了人们的沟通、交流乃至整个生活方式。4G网络造就了繁荣的互联网经济，解决了人与人随时随地通信的问题，随着移动互联网快速发展，新服务、新业务不断涌现，移动数据业务流量爆炸式增长，4G移动通信系统难以满足未来移动数据流量暴涨的需求，急需研发下一代移动通信（5G）系统。

04

Yii2 学习笔记之 GridView DetailView

在 GridView 小部件是从数据提供者获取数据，并以一个表格的形式呈现数据。表中的每一行代表一个单独的数据项，列表示该项目的属性。在 DataGrid 小部件中的列是在 yii\grid\Col

06

C语言嵌入式系统编程修炼之键盘操作

这是我13年前创作和发表在互联网上的文章，这么多年过去了，这篇文章仍然在到处传播。现在贴回Linuxer公众号。全文目录： C语言嵌入式系统编程修炼之道——背景篇 C语言嵌入式系统编程修炼之道——软件架构篇 1.模块划分 2.多任务还是单任务 3.单任务程序典型架构 4.中断服务程序 5.硬件驱动模块 6.C的面向对象化总结 C语言嵌入式系统编程修炼之道——内存操作篇 1.数据指针 2.函数指针 3.数组vs.动态申请 4.关键字const 5.关键字volatile 6.CPU字长与存储器位宽不一致处

09

Linux系统日志及分析

Linux系统拥有非常灵活和强大的日志功能，可以保存几乎所有的操作记录，并可以从中检索出我们需要的信息。大部分Linux发行版默认的日志守护进程为 syslog，位于 /etc/syslog 或 /etc/syslogd 或/etc/rsyslog.d，默认配置文件为 /etc/syslog.conf 或 rsyslog.conf，任何希望生成日志的程序都可以向 syslog 发送信息。

01

Web tools 开发记录

平时开发中我们会用到一些工具，比如时间戳工具，查询ascii码，查询颜色色值等等。做一些静态网页，把这些开发者，美术常用的功能集合起来，便于大家的工作和学习。

02

有趣温馨的时间提示代码

有趣温馨的时间提示代码代码如下： <html> <head> <title>在不同的时间显示不同的提示信息</title> </head> <body> <script language="javascript">

01

从零开始折腾博客(0)：静态？动态？

这两天心血来潮，忽然想折腾一个属于自己的博客，也就是这一系列的缘由。而最终也总算是折腾出来了，要不你就不会看到这篇文章了

02

matery主题修改文章发布统计图的开始时间

那么，这个统计图的开始时间是如何计算的呢？下面我就简单的讲解下，我的JavaScript知识目前学的比较浅，献丑了。

02

js中settimeout()的用法详解_js中setattribute

setTimeout与setTimeInterval均为window的函数，使用中顶层window一般都会省去，这两个函数经常稍不留神就使用错了。

02

C语言C加加编程新手基础入门，学习之嵌入式系统编程，修炼之屏幕操作

本文介绍了嵌入式系统屏幕显示技术的相关知识，包括常见的字符/图形显示、汉字显示、屏幕自适应以及多任务等方面的内容。文章还介绍了如何使用C语言和汇编语言来编写嵌入式系统中的屏幕显示程序，并给出了具体的例子。通过掌握这些技术，可以有效地提高嵌入式系统的开发效率和运行稳定性。

07

基于HTML、CSS和JavaScript制作一个中秋节倒计时网页

这个项目使用HTML、CSS和JavaScript来制作一个简单但有趣的中秋节倒计时网页。网页将显示距离中秋节还有多少天、小时、分钟和秒，并添加一些中秋节相关的图像和祝福语。

05

在线客服技术详解(未完待续)

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><?xml:namespace prefix = w ns = "u

05

基于HTML、CSS和JavaScript制作一个中秋节倒计时网页

这个项目使用HTML、CSS和JavaScript来制作一个简单但有趣的中秋节倒计时网页。网页将显示距离中秋节还有多少天、小时、分钟和秒，并添加一些中秋节相关的图像和祝福语。

04

tracert的原理_tracert作用

1、tracert发出TTL值为1的ICMP数据包（40个字节、源地址、目标地址和发出时间标签，一般发3个）

01

Web前端学习第3章 JavaScript基础教程9 内置对象

javascript为我们提供了很多内置对象，这些内置对象为我们提供了很多语言的基本功能。我们之前学过的数组就是JavaScript的内置对象，除了数组我们还应该了解的内置对象有：Math、Date、RegExp。

05

【ASP.NET Core 基础知识】--前端开发--使用ASP.NET Core和JavaScript进行通信

在现代的Web开发中，JavaScript是不可或缺的一部分，它为网页提供了交互性和动态性。而ASP.NET Core作为一个强大的服务器端框架，与JavaScript的结合可以为开发人员带来更加灵活和丰富的体验。本文将探讨如何在ASP.NET Core中使用JavaScript，并提供一些简单的示例来说明。

00

Android中Snackbar的使用方法及小技巧

Snackbar和Toast相似，都是为了给用户提供交互信息，Snackbar是固定在底部的，显示时从下往上滑出

01

Js的长轮询[通俗易懂]

长轮询是与服务器保持持久连接的最简单的方式，它不使用任何特定的协议，例如 WebSocket 或者 Server Sent Event。

02

用框架的你，可能早已忽略了这些事件API

DOMContentLoaded，load，beforeunload，unload

01

Web Worker 的内部构造以及 5 种你应当使用它的场景

这一次我们将剖析 Web Worker：对它进行简单概述后，我们将分别讨论不同类型的 Worker 以及它们内部组件的运作方法，同时也会以场景为例说明它们各自的优缺点。在文章的最后，我们将讲解最适合使用 Web Worker 的 5 个场景。

01

Web Worker：JavaScript 中的多线程

随着 Web 应用程序变得越来越复杂和要求越来越高，对高效响应式处理的需求变得越来越重要。JavaScript 是一种单线程语言，有时可能会难以处理繁重的计算任务，这可能会导致用户界面速度慢和应用程序无响应。但是，随着 Web Worker 的引入，JavaScript 获得了利用多线程的能力，从而提高了性能并增强了用户体验。在本文中，我们将深入探讨 Web Workers 的世界，并探讨它们如何在 JavaScript 中启用多线程。

01

安卓应用安全指南 4.9 使用`WebView`

我们需要采取适当的行动，具体取决于我们想通过WebView展示的内容，尽管我们可以通过它轻松展示网站和 html 文件。而且我们还需要考虑来自WebView卓越功能的风险; 如 JavaScript-Java 对象绑定。我们特别需要关注 JavaScript。（请注意 JavaScript 默认是禁用的，我们可以通过WebSettings#setJavaScriptEnabled()来启用它。启用 JavaScript 存在潜在的风险，即恶意第三方可以获取设备信息并操作设备。以下是使用WebView [19] 的应用的原则：

01

Web端服务器推送技术

传统的本地客户端可以基于Socket套接字与服务器建立持久连接，服务器能实时地将更新的信息传送到客户端，而无须客户端发出请求。但HTTP属于无状态连接，即每次请求结束后与服务器的连接会立即释放，服务器不能主动推送消息到客户端，只能由客户端浏览器发起请求。

03

深入理解 JavaScript 回调函数 [每日前端夜话0xDF]

JavaScript 回调函数是成为一名成功的 JavaScript 开发人员必须要了解的一个重要概念。但是我相信，在阅读本文之后，你将能够克服以前使用回调方法遇到的所有障碍。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭