时间区间页面设计两个框html,js根据时间段显示不同的内容(两种方法)

最新推荐文章于 2024-03-11 23:44:20 发布

weixin_39990138

最新推荐文章于 2024-03-11 23:44:20 发布

阅读量850

点赞数 1

文章标签：时间区间页面设计两个框html

这篇博客介绍了两种JavaScript方法来根据当前时间显示不同内容。第一种方法通过判断小时数显示相应的问候语，如早上好、下午好等。第二种方法则在不同时间段显示不同消息，例如早安、午安和晚安。这两种方法都是为了动态更新页面，提供个性化的时间相关显示。

摘要由CSDN通过智能技术生成

第一种方法

随日期每天自动变换的文本

var week;

if(new Date().getDay()==0) week=”星期日”

if(new Date().getDay()==1) week=”星期一”

if(new Date().getDay()==2) week=”星期二”

if(new Date().getDay()==3) week=”星期三”

if(new Date().getDay()==4) week=”星期四”

if(new Date().getDay()==5) week=”星期五”

if(new Date().getDay()==6) week=”星期六”

document.write(“现在是 “+(new Date().getMonth()+1)+”月”+new Date().getDate()+”日 “+week);

document.write(” “)

day = new Date()

hr = day.getHours()

minu=day.getMinutes()

s=””;

s=s+hr+”点”+minu+”分！ “;

if (hr ==1)

document.write(s+”一点多啦！别忘了休息哦！”)

if (hr ==2)

document.write(s+”你真是工作狂啊，该休息了！”)

if (

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_39990138

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JAVA实现按时间段查询数据操作

08-18

* 该类提供了一个方法，用于根据时间段查询人员画像机务处、运输处、货运处工作量数据。 * 在该方法中，使用了Hibernate框架来实现数据库的操作。五、findPortFolioByTime方法的实现 * findPortFolioByTime方法是...

PHP根据时间输出不同内容,js根据时间段显示不同的内容(两种方法)

weixin_39552768的博客

04-09

346

随日期每天自动变换的文本var week;if(new Date().getDay()==0) week=”星期日”if(new Date().getDay()==1) week=”星期一”if(new Date().getDay()==2) week=”星期二”if(new Date().getDay()==3) week=”星期三”if(new Date().getDay()==4) week...

参与评论您还未登录，请先登录后发表或查看评论

js特效-跟随鼠标的小红心

qq_41670147的博客

11-30

991

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

用JavaScript实现点击不同的单选按钮出现不同的内容

xiazaikk_2009的博客

04-19

2575

在网页中，通过选择不同的单选按钮，来控制页面上显示不同的内容。要实现这个功能，方法有很多种，个人觉得下面的方法比较好用（试验证明），虽然繁琐些，但思路清楚，简单易懂。 ~~~~~~~~~~~~~~~~~我是分割线~~~~~~~~~~~~~~~~~~~~~ index.jsp: ...... <input type="radio" id="ok1" value="ok1" chec...

动态的在jsp页面中比较当前时间和固定时间

POOR PIG

10-26

546

用到技术：jquery，所以得有jquerymin.js。业务逻辑：在jsp页面中，有一部分要在一个固定的时间段内显示，出了这个时间段隐藏。思路：首先有一种情况是客户端打开这个页面后不可能一直在刷新，也不能让整个页面都去刷新。要是不刷新的话，页面上的内容又是静态的，不能自动的去检测当前的时间。所以现在主要是就是让这个页面自动...

js根据日期判断昨天今天并显示(Vue)

阿狸演绎的博客

03-14

2092

应最近项目要求,按照日期判断昨天和今天,如果是昨天或今天显示汉字,否则显示日期效果图 <div class="" style="font-size: 1rem;color: #9c9c9c">{{judgeTime('2019-03-14 09:11:18')}}</div> add0 (m) { return m < 10 ? '0' +...

微信小程序当前时间时段选择器插件使用方法详解

10-17

在微信小程序中，时间选择器是一种非常实用的组件，它允许用户方便地选取特定的时间段。本文将深入探讨如何使用微信小程序的当前时间时段选择器插件，包括其基本概念、实现逻辑以及具体代码实现。首先，我们了解下...

js 动态校验开始结束时间的实现代码

10-15

在JavaScript中，动态校验开始结束时间是为了确保用户输入的时间符合预设的规则，例如开始时间不能大于等于当前时间，结束时间不能大于当前时间，并且结束时间应晚于开始时间。这段代码提供了一种实现方式，主要涉及...

Uniapp日期时间选择插件支持更多选择方式日期范围日期时间范围

08-10

日期范围选择允许用户选取两个日期之间的区间，如旅行的开始和结束日期。而日期时间范围选择则更进一步，不仅包括日期的选择，还包含具体的时间点，例如会议的开始时间和结束时间。这种功能对于需要精确时间区间的...

JS简单随机数生成方法

10-21

JavaScript中生成随机数的方法主要有两种，一种是基于时间作为种子的Math.random()函数，另一种是自定义随机数生成函数。本文将详细解读这两种随机数生成方法，并提供示例代码供读者参考。 ### Math.random()方法 ...

js实现选择不同的条件显示不同的内容

h_tinkinginjava的博客

01-10

6517

function htmlcontent(data){ $("#myselfcon li").remove() ; for(var i=0;i<data.rows.length;i++){ $("#myselfcon").append(""+ ""+ ""+ ""+ " "+data.rows[

JavaScript实现类似alert（）函数的效果，传入不同的值，显示状态不同。

Dgjcrhjnbfgjj的博客

02-22

539

简单做到控制DOM的显示与隐藏。

js如何将2个日期文本框联动，WdatePicker日期控件

qq_40987844的博客

07-14

645

需求如下：项目截止时间选择后，报账结束时间默认为+3年文本框如下：因为有多个form，第一个sign=0001 后面定义了随机数 zyBudgetApply.addXinZengXiangMu = function (){ var sign = parseInt(Math.random()*1000000000+1); ......................................... } <tr> <th&g...

Javascript实战——电子钟（时钟、闹钟、计时器、倒计时）

关北道.

02-04

4623

1.效果图 2.源代码 <!DOCTYPE html> <head> <meta charset="utf-8"> <title>电子钟</title> <link rel="stylesheet" href="index.css"> </head> <body> <div id="bigbox">

php根据日期显示,php – 按日期显示MySQL结果

weixin_36488589的博客

04-05

105

我有这个mysql表：+--------------------+---------+-------+| date | query | count ||--------------------+---------+-------||2012-11-18 09:52:00 | Michael | 1 ||2012-11-18 10:47:10 | Tom ...

使用JS编写多功能时钟

热门推荐

June.1

04-08

1万+

一、时钟案例练习源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html, body {...

highcharts 时间点变成了时间区间

08-09

### 回答1：如果您正在使用 Highcharts，并且从时间点变成时间区间，可能是因为您更改了数据点的格式或使用了错误的日期格式。请确保您的日期格式正确，并且使用 Highcharts 支持的时间格式。如果您的日期格式不正确，Highcharts 可能会无法正确解析您的日期，并将其转换为时间区间。您可以查看 Highcharts 的文档以获取支持的时间格式和更多信息。如果您需要进一步帮助，请提供更多细节，例如您使用的代码和数据格式，以便我更好地理解您的问题。 ### 回答2： Highcharts 是一种用于呈现图表的JavaScript库。通常情况下，Highcharts 的时间轴是由一系列时间点组成的，适用于展示数据在不同时间点的变化趋势。然而，有时候我们希望展示的数据是在一个时间区间内的变化情况，而不仅仅是在某个具体时间点上的数值。通过 Highcharts，我们可以轻松地将时间点转换为时间区间。在创建图表时，可以使用 `xAxis` 对象的 `type` 属性来将时间点转换为时间区间。选择 `type` 为 `'datetime'`，然后使用 `xAxis` 对象的 `tickInterval` 属性来设置需要展示的时间区间。例如，如果我们想要展示一天内每小时的数据变化情况，可以将 `tickInterval` 设置为 3600 * 1000，表示每小时的时间区间。除了使用 `tickInterval`，我们还可以使用 `pointInterval` 属性来设置时间区间的长度。`pointInterval` 表示相邻两个时间点之间的间隔，可以根据需要设置。例如，如果我们想要展示每周的数据变化情况，可以将 `pointInterval` 设置为 7 * 24 * 3600 * 1000，表示每周的时间区间。通过这种方式，我们可以将时间点转换为时间区间，使得数据更加直观地展现在图表中。不仅可以更清晰地看到数据的变化趋势，还可以更方便地比较不同时间段内的数据。 ### 回答3： Highcharts 是一款功能强大的 JavaScript 图表库，用来展示图表和数据可视化。通常情况下，Highcharts 中的时间点代表的是一个具体的时间点，例如某一天、小时或分钟。然而，有时我们需要在图表中展示一段时间范围，而不仅仅是一个时间点。为此，Highcharts 提供了一种将时间点转换为时间区间的功能。时间区间可以用来展示一段时间内的数据趋势或者相对时间段的变化。常见的使用场景包括展示天、周、月、季度或年度的数据。通过将时间点转换为时间区间，我们可以更好地分析和观察数据的趋势和变化。在 Highcharts 中，可以使用配置项中的 xAxis 类别属性来定义时间区间的显示方式。例如，设置 xAxis 类别为'week'即可将时间点转换为一周的时间区间。类似地，还可以设置 'day'、'month'、'year' 等等，来调整时间区间的粒度。使用时间区间的好处是可以更直观地展示时间段内的数据变化，同时帮助我们更好地理解数据的周期性和趋势。通过对时间区间的设置，我们可以灵活地控制图表的显示效果，以便更好地呈现数据给用户。总之，Highcharts 提供了一种将时间点转换为时间区间的功能，通过调整配置项中的 xAxis 类别属性，可以将时间点以不同的粒度展示为时间区间。这种方式可以帮助我们更好地理解数据的趋势和变化，使得图表更具可读性和可视化效果。