js实现根据不同时间显示不同内容

最新推荐文章于 2022-09-01 09:15:01 发布
VIP文章 最新推荐文章于 2022-09-01 09:15:01 发布
阅读量3.8k 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37029814/article/details/86565138
版权 
function timeMsg() {

    let timesArr = [
        { time: '20190022', number: '1', pic: 'spriingChuYi.png', message: 'spring1MSG.png'},
        { time: '20190023', number: '2', pic: 'spriingChuer.png', message: 'spring2MSG.png'},
        { time: '20190024', number: '3', pic: 'spriingChuSan.png', message: 'spring3MSG.png'},
        { time: '20190025', number: '4', pic: 'spriingChuSi.png', message: 'spring4MSG.png'},
        { time: '20190026', number: '5', pic: 'spriingChuWu.png', message: 'spring5MSG.png'}
     ];

    let d = new Date();
    let dateStr = '' + d.getFullYear() + (d.getMonth() > 9 ? d.getMonth() : '0' + d.getMonth()) + (d.getDate() > 9 ? d.getDate() : '0' + d.getDate());
    let str = '';
    for (let i = 0; i < timesArr.
最低0.47元/天 解锁文章
木子木木的专栏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中时间日期常用操作小结
AKGWSB 's blog
07-21 364
目录前言创建时间日期对象Date获取与设置年月日时分秒增量与时间差区间判断 前言 在一个web应用中，时间日期的判断非常常见，我们希望根据不同的时间段，显示不同的信息，或者是获取当前时间前后几分钟，或者是单纯显示规格化的时间，这些都需要用到时间日期对象，今天来总结一下JavaScript中时间的常用操作。 创建时间日期对象Date 通过var dt = new Date();可以快速创建一个时间日期对象，它表示当前时间。我们通过以下的代码，可以打印一个date对象： <!DOCTYPE html&gt
javascript实现根据时间段显示问候语的方法
10-24
主要介绍了javascript实现根据时间段显示问候语的方法,涉及javascript时间与字符串的相关操作技巧,需要的朋友可以参考下
js实现每隔一秒钟输出1,2,3...数字
php_martin的博客
09-01 633
js实现每隔一秒钟输出1,2,3...数字。
1.4 JavaScript的应用
m0_63576402的博客
07-20 348
JS的简单应用
js每隔一秒打印1,2,3,4,5
cristina_song的博客
02-24 7446
方法一 es6块级作用域let function count(){ for (let i=0; i&lt;5; i++) { setTimeout(() =&gt; console.log(i), 1000*i) } } count() 函数表达式的写法和上面写法效果一样 function count(){ for (let i...
基于JavaWeb JavaScript的根据时间段的不同，在网页中显示不同的问候语
Rlynn的博客
05-22 4912
题目： 根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好！”的问候语，颜色为蓝色；若在12点至18点，则输出“下午好！”颜色为红色；18点以后输出“晚上好！”颜色为黑色。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>问候语</title> </hea
利用JavaScript实现不同时间 显示不同问候语
bs3412的博客
05-06 5081
JavaScript window.onload =function(){ function nowtime(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1;//月份需加1 var day = date.getDate(); // var week = date.getDay(); //如需使用i
Javascript对日期的进行加、减操作
热门推荐
在JAVA的世界中“乘风破浪”
04-07 1万+
<br /><br />=====================<br />javascript日期操作<br />时间对象是一个我们经常要用到的对象，无论是做时间输出、时间判断等操作时都与这个对象离不开。除开JavaScript中的时间对象外，在VbScript中也有许多的时间对象，而且非常好用。下面还是按照我们的流程来进行讲解。 <br />它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。 <br />　方法：分为得到时间方法、设置时间方法和转换时间方法 <br />得
JavaScript 日期对象
Likeyou113的博客
03-15 3191
我们今天就来学习一下JavaScript 日期对象，我们这个日期对象主要可以用于获取到当前时间，或者未来某天时间，还有时间戳计算。 下面就跟我来学习吧。 一、日期对象Date Date对象：这个Date是一个内建对象，在JS中使用Date对象来表示一个时间。 我们可以用Date() 创建一个Date对象，如果时间使用构造函数创建一个Date对象,则会封装为当前代码执行的时间。 案例： 如果我们想要创建一个指定的时间函数，我们则需要在构造函数中传递一个表示时间的字符串作为参数使用。
js比较某段时间段 (对某段时间不能调用的接口，做访问限制用)
qq_32973061的博客
09-30 508
function compareTime() { let date = new Date(); let nowDate = date.toLocaleString('chinese', { hour12: false }); console.log(nowDate) let myDate...
JS实现不同时间段的时间问候代码
05-07
JS实现不同时间段的时间问候代码，一天24小时不同时间段！！
js实现动态显示时间效果
10-20
本文主要介绍了js实现动态显示时间效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧
javascript+php实现根据用户时区显示当地时间的方法
10-24
主要介绍了javascript+php实现根据用户时区显示当地时间的方法,实例分析javascript获取客户端时区及与服务器端php交互的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
根据地区不同显示时间的javascript代码
01-19
var timezone = “格林尼治标准时间”; var adjust = 0; function timeCheck(tzone, diff) { if (timerRunning) { clearTimeout(updatetime); timerRunning = false; } gmtOffset=eval(diff+...
query获取url参数及url加参数的方法
木子木木的专栏
04-11 4589
function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null...
js实现移动端H5页面音乐播放，兼容微信 safari浏览器
木子木木的专栏
11-14 4081
js代码： //音乐 function music(){ var oMusic=document.getElementById(&quot;music&quot;); var Audio=document.getElementsByTagName(&quot;audio&quot;)[0]; Audio.addEventListener(&quot;ended&quot;,function(event){
JS sort()排序
木子木木的专栏
04-21 3835
sort() 方法用于对数组的元素进行排序。 排序顺序可以是字母或数字，并按升序或降序。 默认排序顺序为按字母升序。 语法：array.sort(sortfunction) 例： arr.sort(function(a,b){ return a-b; }); 如果a-b > 0,则a和b交换位置。当然这样写出来的话是升序排列。如果要降序排则把a-b改成b-a就 可以实现，就是说b大...
JavaScript实现 数字转换为万 千万 百万
木子木木的专栏
12-23 3259
function numberConversion(value) { const newValue = ['', '', ''] let fr = 1000 let num = 3 let txt = '' let fm = 1 while (value / fr >= 1) { fr *= 10 num += 1 } if (num <= 4) { // 千 newValue[0].
js实现实时问候，不同时间显示不同问候语
最新发布
06-03
好的，可以使用 JavaScript 来实现。可以先获取当前时间，然后根据时间的不同，显示不同的问候语。以下是一个简单的实现方法： ```js // 获取当前时间 const now = new Date(); const hour = now.getHours(); // 根据时间显示不同的问候语 let greeting; if (hour >= 5 && hour < 12) { greeting = '早上好！'; } else if (hour >= 12 && hour < 18) { greeting = '下午好！'; } else { greeting = '晚上好！'; } // 将问候语显示在页面上 const greetingElement = document.getElementById('greeting'); greetingElement.innerText = greeting; ``` 在 HTML 页面中，需要有一个元素来显示问候语，例如： ```html <div id="greeting"></div> ``` 这样就可以实现根据时间实时显示不同的问候语了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值