<body><img src="./imgs/morning.gif" alt=""><div>上午好</div><script>var img=document.querySelector('img');var div=document.querySelector('div');var date=new Date();var h=date.getHours();if (h <12){img.src='imgs/morning.gif';div.innerHTML='亲,上午好,好好写代码';}else if(h<18){img.src='imgs/afternoon.gif';div.innerHTML='亲,中午好,好好写代码';}else{img.src='imgs/evening.gif';div.innerHTML='亲,晚上好,好好写代码';}</script>

JS编程案例 实现各时间段的问候语相关推荐

  1. java jquery时间问候语_javascript实现根据时间段显示问候语的方法

    这篇文章主要介绍了javascript实现根据时间段显示问候语的方法,涉及javascript时间与字符串的相关操作技巧,需要的朋友可以参考下 本文实例讲述了javascript实现根据时间段显示问候 ...

  2. JS实现九九乘法表和时间问候语

    编码 小练习,练习使用循环实现一个九九乘法表 第一步,最低要求:在Console中按行输出 n * m = t 然后,尝试在网页中,使用table来实现一个九九乘法表 1 <!DOCTYPE h ...

  3. php早午晚问候语_php 输出上午好,下午好等问候语的方法教程

    有人在博客留言请教如何用 php 根据不同的时间段来输出对应的问候语,比如早上九点之前输出早上好,中午12点之前输出中午好.那么下面写关php根据时间段输入问候语的两个示例,大家可以参考一下.php ...

  4. html首页问候语,HTML5通过Javascript网页调用日期显示、根据时间判断问候语显示...

    HTML5通过Javascript网页调用日期显示.根据时间判断出不同时间段的问候语并显示 增加一段小小的问候语,就可以增加访客们对你网站的关照. 效果展示: 代码: 今天是: var day=&qu ...

  5. js学习-操作元素案例-分时显示不同图片不同问候语

    js学习-操作元素案例-分时显示不同图片不同问候语 // 操作元素案例 // 分时显示不同图片,不同问候语// 上午7-11 中午12-13 下午14-18 晚上18-22![请添加图片描述](htt ...

  6. js 根据日期的不同时间段,做问候语:中午好,下午好,早上好

    阅读目录 预览 源码 预览 源码 <!DOCTYPE html> <html lang="en"> <head><meta charset ...

  7. p5.js 编程临摹动态图形(互动媒体技术作业)

    p5.js 编程临摹动态图形(互动媒体技术作业) 动态图形的规律分析 p5.js 代码历程 走过的弯路 拓展 总结 动态图形的规律分析 从老师的动态图形参考资料中,我选择了以下图形进行临摹: 初次见面 ...

  8. 前端--阶段笔记(三) JS编程基础 06

    作用域内置对象和数据类型 作用域 作用域:代码变量在某个范围内起作用和效果.目标是提高可靠性,并减少命名冲突. 1.全局作用域:整个script标签都是一个单独的js文件 ​ 局部作用域就是指在函数内 ...

  9. 前端利器—1—转型JS编程

    JS作为前端开发的必备语言工具,虽然JS对非编程人员来说比较容易上手,但是,要真正的精通JS开发,尚且假设学习过c++.java等面向对象语言的一种.因为对oo开发人员,迅速掌握JS的开发要点,是顺利 ...

最新文章

  1. python画树叶-Python_Turtle库画一只派大星
  2. 将string转换成UTF8在进行请求
  3. centos 6.8 + postgresql 9.6 + file_fdw
  4. python的模块和类_Python模块和类.md
  5. YbtOJ#20060-[NOIP2020模拟赛B组Day3]字串修改【模拟】
  6. 中医移动医疗_中医之极简移动医疗
  7. 阿里敏捷教练何勉:论精益思想及精益产品开发实践体系
  8. 14天1000+大集群滚动升级,银行柜台竟然毫无感觉
  9. 春晚晒出京东“奔富村”成绩单 京东年货节期间累计帮助300万农户户均增收近1700元...
  10. mfc在运行的时候为什么没有实例化_Redis(7)——持久化【一文了解】
  11. 推荐系统--MovieLens数据集
  12. 按Right-BICEP要求的测试用例
  13. python正态分布函数_数学之美_正态分布(Python代码)
  14. Ubuntu系统管理 —— 使用SSH及SCP实现远程登陆与数据传输
  15. 从双曲几何到Gauss-Bonnet-Chern定理
  16. Excel日期修改为统一月份
  17. 2022-04-26 linux文件系统解读
  18. Lumen企业站内容管理实战 - 欢迎页面
  19. iOS动手做一个直播app开发(代码篇)
  20. 大数据信息资料采集:阿里巴巴1688电商网站货源产品信息采集

热门文章

  1. python os.getcwd用法_Python3 os.getcwd() 方法
  2. JNPF旗舰版源码,JNPF3.3 3.4.1 快速开发框架源码部署文档入门说明
  3. Magic Horse
  4. JS获取DIV对应的宽和高
  5. 《软件开发工具》(第七—十四章)
  6. oracle 11g rac+centos6.5
  7. PTA L1题目合集(更新至2019.3)
  8. xbrl 数据比较分析_思考XML,使用XBRL分析财务报告
  9. JAVASE——1.File
  10. IBM X3650重做windos server 2008 R2系统