网站中人性化提示信息的JavaScript实现
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实现相关推荐
- 某网站高度加密混淆的javascript的分析
前言 对某网站加密混淆后的javascript代码也算分析了一段时间了,虽然还没搞出来,但多少有些新得,这里记录一下. 工具和资料 https://jq.qq.com/?_wv=1027&k= ...
- 网站前端性能优化之javascript和css
之前看过Yahoo团队写的一篇关于网站性能优化的文章,文章是2010年左右写的,虽然有点老,但是很多方面还是很有借鉴意义的.关于css的性能优化,他提到了如下几点: CSS性能优化 1.把样式表置于顶 ...
- 熟悉html css,编写HTML和CSS的前端开发中不一定熟悉JavaScript
原标题:编写HTML和CSS的前端开发中不一定熟悉JavaScript 作为前端开发人员,HTML.css.Java是必备的知识技能,但是现实工作工作中并非所有的前端都知道Java,根据外国一个网站的 ...
- php实现飘窗,JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码)
原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...
- 在ASP.NET网站中实现带列表(其由xml文件控制生成)的视频播放
在ASP.NET网站中实现带列表的视频播放 方法: 用c#将视频文件上传到磁盘上时同时生产对应的xml文件,播放页面使用js读取对应的xml文件生成播放列表. xml文件: 文件名:huojian.x ...
- 如何在网站中添加音乐
来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM 这 ...
- 怎么批量提取网站中的内容-免费网页数据提取软件
如何从网站中提取内容并将其保存为文本?单击并拖动选择要提取的网页上的文本,然后按"Ctrl-C"复制文本.打开文本编辑器或文档程序,然后按"Ctrl-V"将网页 ...
- RulersGuides.js – 网站中实现 Photoshop 标尺效果
RulersGuides.js 是一个 JavaScript 库,在网页上添加类似 Photoshop 中的标尺和辅助网格线.要创建创建网格线线,请单击垂直或水平的标尺,然后推动就可以.还可以使用相应 ...
- HTML期末大作业~节日礼品购物商城网站html模板(HTML+CSS+JavaScript)
HTML期末大作业~节日礼品购物商城网站html模板(HTML+CSS+JavaScript) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求 ...
最新文章
- 2014.12.01 B/S之windows8.1下安装IIS
- Android -- 使用inBitmap要注意的地方
- 将xap包嵌入到博客园中
- 微信消息类型和事件类型
- ‘聪明的搜索算法’ A*算法
- linux 重名名、删除文件操作
- JAVA——基于HttpComponents(HttpClient)的简单网络爬虫DEMO
- 使用jQuery插件realshadow实现超酷真实阴影效果
- 网站服务器令牌获取,adobe - 获取Adobe Sign访问令牌以进行服务器到服务器身份验证 - 堆栈内存溢出...
- MySql安装错误代码1045的解决方案
- Scala对象 转Json字符串
- 动态lacp和静态lacp区别_3分钟弄懂LACP实现原理!
- 校园网里,一账号多人上网或者多账号多人上网的宿舍路由器设置方法
- R语言实战应用精讲50篇(十七)--使用R语言实现时间序列分析
- 净初级生产力(NPP)空间分布数据汇总整理
- RGB888颜色码与十六位(RGB565)颜色码的转换
- 浅谈严格控制普通高等学校招生规模
- 世纪光棍节、神棍节快乐!
- 论文常用 | FineBI v6.0 新图表 | 箱形图
- 应用Joyoshare VidiKit裁剪视频的小技巧
热门文章
- 【设计模式】面向对象 - 多态 ( 面向对象 3 要素 | 多态 提升 程序扩展性 | 多态示例 )
- 【集合论】序关系 ( 偏序集元素之间的关系 | 可比 | 严格小于 | 覆盖 | 哈斯图 )
- 【Android RTMP】RTMPDump 封装 RTMPPacket 数据包 ( 封装 SPS / PPS 数据包 )
- 【约束布局】ConstraintLayout 组件可见性 View.GONE 处理 与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )
- css之line-height及图片文字垂直居中
- mysql-笔记-数据类型
- 实验四+149+肖雷
- ADO.NET学习笔记-非链接类
- Sql 将多个表查询的结果进行再次查询
- Data Mining Tools