给网站添加随时间动态变化的问候语/欢迎词的实现方法

2022年7月31日13:15:49 评论 84

我们在访问某些网站的时候,经常会在网站顶部看到动态问候语,比如早晨八点多显示 “早上好,今天又是美好的一天!”,这样做可以很好地提升网站用户体检,所以,今天为大家简单分享一下实现代码,分 JavaScript 版 和 PHP 版两种,选择其一即可。

给网站添加随时间动态变化的问候语/欢迎词的实现方法

JS 版

JS 版由于是在客户端浏览器执行,比较省心,推荐使用此方法,下文提供了两个版本,一个来自于网络,另一个是本站使用的。

1、版本一

这一个来自于网络,显示问候语及日期星期,例如:“中午好!2022年7月31日 星期日”,将下面的代码粘贴到页面中指定位置即可。

效果如下:

给网站添加随时间动态变化的问候语/欢迎词的实现方法

2、版本二

分享一下本站使用的 JS 代码,不同时间段会显示不同的问候语,问候语内容大家可以自行修改,每小时对应一条。

效果如下:

给网站添加随时间动态变化的问候语/欢迎词的实现方法

PHP 版本

定义一个后台接口,然后在前端页面需要展示的地方调用接口显示问候语。

1、定义后台接口

在网站根目录下新建一个文件夹 greetings,在该文件夹下新建 api.php 文件,内容如下:

此时,通过浏览器访问 https://www.pieruo.com/greetings/api.php?format=js&charset=utf-8&hour=12,会显示如下内容(域名改成自己的):

给网站添加随时间动态变化的问候语/欢迎词的实现方法

2、在页面中调用

在页面指定位置调用接口,其中向后台传递了 hour 参数,为客户端时间中的小时。

效果如下:

给网站添加随时间动态变化的问候语/欢迎词的实现方法

结束语

本文简单分享了给网站或个人博客顶部添加动态问候语的实现方法,分 JS 版和 PHP 版两种,如果单纯为了展示效果,选择 JS 实现方式即可,PHP 版的实现方式可以作为参考。如果有任何意见或建议,欢迎在下方评论处留言。

本文已通过「原本」原创作品认证,未经作者授权请勿直接转载,负责将追究其法律责任。
扫一扫在手机打开当前页
匿名

发表评论

匿名网友 填写信息