jshtml滚动时间横向显示demo效果示例（整理）

教程管理员发布于2023-09-30 14:20 HTML教程 143

简介： jshtml滚动时间横向显示demo效果示例（整理）

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>滚动时间显示</title>
        <script src="http://libs.baidu.com/jquery/1.3.2/jquery.min.js"></script>
        <style>
            marquee {
                background-color: #00bc12;
                width: 1000px;
                height: 50px;
            }
        </style>
    </head>
    <body>
        <marquee behavior="scroll" direction="left">
            <p id="time"></p>
        </marquee>
        <div style="width: 100%;text-align: center;">（marquee ）此标签某些浏览器不兼容</div>
        <script>
            function time() {
                function format(i) {
                    return (i < 10 ? "0" + i : i);
                }
                var date = new Date();
                var year = date.getFullYear();
                var month = format(date.getMonth() + 1);
                var day = format(date.getDate());
                var arr = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
                var week = arr[date.getDay()];
                var hour = format(date.getHours());
                var minute = format(date.getMinutes());
                var second = format(date.getSeconds());
                document.getElementById("time").innerHTML = "你好，现在时间是：" + year + "年" + month + "月" + day + "日" + " " + week +
                    hour + "点" + minute + "分" + second + "秒"
            }
            var interval = setInterval(time, 100);
        </script>
 
 
    </body>
</html>

标签：#阿里 #示例 #开发者 #横向 #效果 #时间

上一篇：带交互功能的HTML5+JS黑客帝国
下一篇：双向数据绑定时如何在页面输出渲染后的Html标签而不是源码

jshtml滚动时间横向显示demo效果示例（整理）

相关推荐

会员中心

下载中心

图片素材

关注微信

关于我们

QQ在线客服

关注微信领优惠