当前位置:首页>默认>网站添加一个显示时间日期的小工具

网站添加一个显示时间日期的小工具

WordPress用户可以在网站后台—>外观—>小工具—>自定义HTML,然后添加到合适位置即可。

预览:

 

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>

下载后放入网站的根目录即可。

    下载权限
    查看
    • 免费下载
      评论并刷新后下载
      登录后下载
    • {{attr.name}}:
    您当前的等级为
    登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
    您已获得下载权限 您可以每天下载资源次,今日剩余
    一、本站上的部份代码及教程来源于互联网,仅供网友学习交流。如有侵权,无意侵害您的权益,请发送邮件至xutian#ahap.cn或点击右侧 联系我们,我们将尽快处理。
    二、请勿将购买的资源教程转载或分享与他人!

    给TA充电
    共{{data.count}}人
    人已充电
    其他默认

    百度自动提交链接软件脚本 - MIPCMS搜索引擎提交器

    2021-4-26 16:33:19

    默认

    网站添加点击烟花特效

    2021-4-27 22:44:58

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索