网站添加一个显示时间日期的小工具
2023-06-13 09:16:32 时间
WordPress用户可以在网站后台—>外观—>小工具—>自定义HTML,然后添加到合适位置即可。
预览:
<strong><p style="text-align: center;"><script type="text/javascript">today = new Date();
var day;
var date;
var hello;
hour = new Date().getHours();
if (hour < 6) {
hello = ' 凌晨好! ';
} else if (hour < 9) {
hello = ' 早上好!';
} else if (hour < 12) {
hello = ' 上午好!';
} else if (hour < 14) {
hello = ' 中午好! ';
} else if (hour < 17) {
hello = ' 下午好! ';
} else if (hour < 19) {
hello = ' 傍晚好!';
} else if (hour < 22) {
hello = ' 晚上好! ';
} else {
hello = '夜深了,注意休息 ';
}
function GetCookie(sName) {
var arr = document.cookie.match(new RegExp("(^| )" + sName + "=([^;]*)(;|$)"));
if (arr != null) {
return unescape(arr[2])
};
return null;
}
var Guest_Name = decodeURIComponent(GetCookie('author'));
var webUrl = webUrl;
if (Guest_Name != "null") {
hello = Guest_Name + ' , ' + hello + ' 欢迎回来。';
}
document.write(' ' + hello);</script>
<script type="text/javascript">var d, s = "";
var x = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
d = new Date();
s += d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日 ";
s += x[d.getDay()];
document.writeln(s);</script></p></strong>
<div class="card-content">
<canvas id="canvas" style="width:94%;" width="820" height="250"></canvas>
<script src="/clock.js"></script>
</div>
下载后放入网站的根目录即可。
相关文章
- 关于PHP转换超过2038年日期出错的问题解决
- DateUtils.java 日期处理相关工具类详解编程语言
- DateUtil日期时间相关的工具类常用方法详解编程语言
- 常用的日期工具类详解编程语言
- Oracle找出最大日期的实现方法(oracle取最大日期)
- MySQL查询中的日期操作(mysql查询日期)
- 利用Oracle中的日期变量完成数据处理(oracle日期变量)
- MSSQL数据库如何将字段转换为日期(mssql 转换为日期)
- Oracle如何以GL日期展现报表(gl日期Oracle)
- dateformatOracle数据库如何修改日期格式NLSDATEFORMAT(oracle 修改nls)
- Oracle数据库中如何高效查询日期(oracle中日期查询)
- 获取Oracle一个月前日期的方法(oracle一个月前日期)
- javascript格式化日期时间函数
- PHP日期加减的类,很不错
- C#设置系统日期格式的方法
- 使用DateTime的ParseExact方法实现特殊日期时间的方法详解
- jQuery之日期选择器的深入解析
- java日期工具类实例分享
- C#获取上个月第一天和最后一天日期的方法