javascript实现根据时间段显示问候语的方法

本文实例讲述了javascript实现根据时间段显示问候语的方法。分享给大家供大家参考。具体实现方法如下：

将以下代码加入HTML 的<body></body>之间：

<script language="javaScript">
<!--
now = new Date(),hour = now.getHours()
if(hour < 6){document.write("凌晨好!")}
else if (hour < 9){document.write("早上好!")}
else if (hour < 12){document.write("上午好!")}
else if (hour < 14){document.write("中午好!")}
else if (hour < 17){document.write("下午好!")}
else if (hour < 19){document.write("傍晚好!")}
else if (hour < 22){document.write("晚上好!")}
else {document.write("夜里好!")}
// -->
</script>

希望本文所述对大家的javascript程序设计有所帮助。

赞 (0)

相关推荐

  • js控制不同的时间段显示不同的css样式的实例代码

    js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内 复制代码 代码如下: function getCSS(){        datetoday = new Date();        timenow=datetoday.getTime();        datetoday.setTime(timenow);        thehour = datetoday.getHours();        if (thehour<12)            disp

  • javascript 定时广告显示(两个时间段) 原创

    javascript 定时广告显示(两个时间段) 原创

    function strToDate(str,ext){ if(str==null || str=='') return; var arys = new Array(); arys = str.split('-'); var newDate = new Date(arys[0],arys[1]-1,arys[2],9,0,0); if(ext){ newDate = new Date(newDate.getTime()+1000*60*60*24); } return newDate; } fu

  • JavaScript计算两个日期时间段内日期的方法

    本文实例讲述了JavaScript计算两个日期时间段内日期的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: /*************************  * 计算两个日期时间段内所有日期  *   * @param value1  *            开始日期 YYYY-MM-DD  * @param value2  *            结束日期  * return 日期数组  */  function dataScope(value1, value2

  • js 判断所选时间(或者当前时间)是否在某一时间段的实现代码

    js 判断所选时间(或者当前时间)是否在某一时间段的实现代码

    核心代码: var time_range = function (beginTime, endTime, nowTime) { var strb = beginTime.split (":"); if (strb.length != 2) { return false; } var stre = endTime.split (":"); if (stre.length != 2) { return false; } var strn = nowTime.split

  • javascript实现根据时间段显示问候语的方法

    本文实例讲述了javascript实现根据时间段显示问候语的方法.分享给大家供大家参考.具体实现方法如下: 将以下代码加入HTML 的<body></body>之间: <script language="javaScript"> <!-- now = new Date(),hour = now.getHours() if(hour < 6){document.write("凌晨好!")} else if (hour &

  • php实现每天自动变换随机问候语的方法

    本文实例讲述了php实现每天自动变换随机问候语的方法.分享给大家供大家参考.具体分析如下: 这里预先定义一个php数组,里面存放一些随机问候语,调用的时候指定是按照天,月还是年来自动更换问候语,如果选择月,则会每月更换一条问候语显示,不用每个月手动更换了,并且这段php代码比使用JS实现对搜索引擎友好 function RandomQuoteByInterval($TimeBase, $QuotesArray){ // Make sure it is a integer $TimeBase =

  • javascript超过容器后显示省略号效果的方法(兼容一行或者多行)

    javascript超过容器后显示省略号效果 在实际的项目中,由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div(或其他标签,下同)区域的情况,此时比较好的做法就是当文字超过限定的div宽度后自动以省略号(-)显示,这样,按照习惯,人们都会知道这儿有文字被省略了.css中有个属性叫做text-overflow:ellipsis;比如使用css可以这样写: {width:27em; white-space:nowrap; text-overflow:ellipsis; -o

  • JavaScript通过setTimeout实时显示当前时间的方法

    本文实例讲述了JavaScript通过setTimeout实时显示当前时间的方法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

  • 使用springboot每日推送早安问候语到用户微信的全过程

    目录 准备工作 申请微信公众平台的测试号 申请模板 扫描关注该测试公众号 申请百度天气 申请天行数据的接口 开发工作 统一数据封装 工程结构 用户controller 调用第三方接口 推送微信数据 定时任务 效果 总结 本文主要实现给不同的用户推动不同的问候模板 准备工作 申请微信公众平台的测试号 申请微信测试公众号 创建成功后,可以看到appid和appsecret,这个后面认证时需要 申请模板 可自行修改 今天是:{{now.DATA}} 不管那一天,每一天都是想你的一天 当前城市:{{ci

  • javascript 控制 html元素 显示/隐藏实现代码

    1.编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id

  • javascript控制层显示或隐藏的方法

    本文实例讲述了javascript控制层显示或隐藏的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>中国风</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <script language="JavaScript&qu

  • Javascript获取统一管理的提示语(message)

    项目开发中,各个页面,各个业务操作都会使用提示语.面对这么多message,更好的方式是统一管理这些消息.这样在做国际化的时候进行统一处理也变的方便. 推荐方案使用数据库来管理所有提示语,在项目启动的时候将所有提示语加载到内存或缓存存储. 对于Java中如何实现,没有什么可说的,很简单.那么我们如何在Javascript中使用我们这些提示语呢,下面进行了简单封装,思路清晰,使用简单,供大家参考. 1.创建message.jsp,代码如下: <%-- <%@ page import="

  • javascript实时显示当天日期的方法

    javascript实时显示当天日期的方法

    本文实例讲述了javascript实时显示当天日期的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

随机推荐