Web2.0讲究的是大众的参与精神,不管是博客、群组,还是wiki百科和rss聚合的成功都体现了这一点。然而要大众参与进来,实用性、个性化和人性化就显得特别重要。一直说sohu博客做得比较人性化,其中有一点大家都能感觉到,就是登陆后帐号旁边的提示信息,可以根据时间随机的显示不同的提示信息。

其实这种功能实现的方式有很多,可以用asp,php这样的后台脚本来写,也可以用Javascript在前台来实现,这里我主要是分析了一下sohu的实现方式。

<Script language="JavaScript">

//定义提示信息数组,c为通用的信息,就是每天什么时候都适合显示的信息。m为早上显示的信息,

//a为上午显示的信息,n对应中午,p对应下午,d为傍晚,e为晚上,l则对应晚上9-12点,w对应深夜。

var w = {
 c: [ '嘿咻嘿咻~', '多运动少生病', '-_-!', '欢迎来地球~', '股票又涨了~' ],
 m: ['早上好', '天亮了', '新的一天', '小鸟在歌唱~', '记得吃早点', '又堵车了:('],
 a: ['上午好', '好忙', '忙么?', '喝杯咖啡', '休息一下', '抓紧时间', ],
 n: ['中午好', '午饭时间',  '午饭要吃饱', '还不去吃饭?', '休息,休息一会儿'],
 p: ['下午好', '屋里好热~', '工作完成了?', '提高工作效率', '#_#有些困'],
 d: ['傍晚好', '又堵车了:(', '还不下班?', '吃些什么?', '一会儿去买菜',回家家找妈妈'],
 e: ['晚上好', '吃些什么?', '晚上去跑步', '鱼香肉丝里面是没有鱼的', '各回各家,各找各妈'],
 l: ['夜里好', '还没睡?', '今夜星光灿烂~', '还在工作么?'],
 w: ['睡吧,明天还上班~', '你不是一个人在战斗!', '长夜漫漫无心睡眠', '醒醒~~醒醒~'],
 k: ['周末好',  '周末^o^睡个懒觉', '给家里打个电话吧', '该出去晒太阳了', '约朋友去打球']
};

//根据不同的时间,显示对应的提示信息。
function gw() {
 var t = new Date()
 var h = t.getHours();   //获取当前的小时
 var d = t.getDay();     //获取当前的礼拜
 var l = w.c;            //通用的信息
 if ( h>=6 && h<9 ) {l = l.concat(w.m);}  //6-9点显示通用的和早上的提示信息
 if ( h>=9 && h<12 ) {l = l.concat(w.a);} //9-12点显示通用的和上午的提示信息
 if ( h>=12 && h<14 ) {l = l.concat(w.n);}
 if ( h>=14 && h<17 ) {l = l.concat(w.p);}
 if ( h>=17 && h<19 ) {l = l.concat(w.d);}
 if ( h>=19 && h<21 ) {l = l.concat(w.e);}
 if ( h>=21 && h<24 ) {l = l.concat(w.l);}
 if ( h>=0 && h<6 ) {l = l.concat(w.w);}
 if (d == 0 || d == 6) { l = l.concat(w.k);} //如果是周末,则可以显示适合周末的问候语
 var n = Math.round(Math.random()*l.length); //Math.random()*l.length根据问候语的个数产生一个0到其个数的数字,Math.round()函数是用来取整的。
 if (n == 0){n = 1;}如果n为0,则设置为1,因为返回的值为n-1
 return(l[n-1]);
}

</Script>

这样在界面中用html把gw函数生成的值显示出来就可以了。

网站中人性化提示信息的JavaScript实现相关推荐

  1. 某网站高度加密混淆的javascript的分析

    前言 对某网站加密混淆后的javascript代码也算分析了一段时间了,虽然还没搞出来,但多少有些新得,这里记录一下. 工具和资料 https://jq.qq.com/?_wv=1027&k= ...

  2. 网站前端性能优化之javascript和css

    之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶 ...

  3. 熟悉html css,编写HTML和CSS的前端开发中不一定熟悉JavaScript

    原标题:编写HTML和CSS的前端开发中不一定熟悉JavaScript 作为前端开发人员,HTML.css.Java是必备的知识技能,但是现实工作工作中并非所有的前端都知道Java,根据外国一个网站的 ...

  4. php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)

    原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...

  5. 在ASP.NET网站中实现带列表(其由xml文件控制生成)的视频播放

    在ASP.NET网站中实现带列表的视频播放 方法: 用c#将视频文件上传到磁盘上时同时生产对应的xml文件,播放页面使用js读取对应的xml文件生成播放列表. xml文件: 文件名:huojian.x ...

  6. 如何在网站中添加音乐

    来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM         这 ...

  7. 怎么批量提取网站中的内容-免费网页数据提取软件

    如何从网站中提取内容并将其保存为文本?单击并拖动选择要提取的网页上的文本,然后按"Ctrl-C"复制文本.打开文本编辑器或文档程序,然后按"Ctrl-V"将网页 ...

  8. RulersGuides.js – 网站中实现 Photoshop 标尺效果

    RulersGuides.js 是一个 JavaScript 库,在网页上添加类似 Photoshop 中的标尺和辅助网格线.要创建创建网格线线,请单击垂直或水平的标尺,然后推动就可以.还可以使用相应 ...

  9. HTML期末大作业~节日礼品购物商城网站html模板(HTML+CSS+JavaScript)

    HTML期末大作业~节日礼品购物商城网站html模板(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求 ...

最新文章

  1. 2014.12.01 B/S之windows8.1下安装IIS
  2. Android -- 使用inBitmap要注意的地方
  3. 将xap包嵌入到博客园中
  4. 微信消息类型和事件类型
  5. ‘聪明的搜索算法’ A*算法
  6. linux 重名名、删除文件操作
  7. JAVA——基于HttpComponents(HttpClient)的简单网络爬虫DEMO
  8. 使用jQuery插件realshadow实现超酷真实阴影效果
  9. 网站服务器令牌获取,adobe - 获取Adobe Sign访问令牌以进行服务器到服务器身份验证 - 堆栈内存溢出...
  10. MySql安装错误代码1045的解决方案
  11. Scala对象 转Json字符串
  12. 动态lacp和静态lacp区别_3分钟弄懂LACP实现原理!
  13. 校园网里,一账号多人上网或者多账号多人上网的宿舍路由器设置方法
  14. R语言实战应用精讲50篇(十七)--使用R语言实现时间序列分析
  15. 净初级生产力(NPP)空间分布数据汇总整理
  16. RGB888颜色码与十六位(RGB565)颜色码的转换
  17. 浅谈严格控制普通高等学校招生规模
  18. 世纪光棍节、神棍节快乐!
  19. 论文常用 | FineBI v6.0 新图表 | 箱形图
  20. 应用Joyoshare VidiKit裁剪视频的小技巧

热门文章

  1. 【设计模式】面向对象 - 多态 ( 面向对象 3 要素 | 多态 提升 程序扩展性 | 多态示例 )
  2. 【集合论】序关系 ( 偏序集元素之间的关系 | 可比 | 严格小于 | 覆盖 | 哈斯图 )
  3. 【Android RTMP】RTMPDump 封装 RTMPPacket 数据包 ( 封装 SPS / PPS 数据包 )
  4. 【约束布局】ConstraintLayout 组件可见性 View.GONE 处理 与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )
  5. css之line-height及图片文字垂直居中
  6. mysql-笔记-数据类型
  7. 实验四+149+肖雷
  8. ADO.NET学习笔记-非链接类
  9. Sql 将多个表查询的结果进行再次查询
  10. Data Mining Tools