JavaScript在页面显示当前时间的几种方法

最新推荐文章于 2024-01-28 01:03:52 发布
最新推荐文章于 2024-01-28 01:03:52 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： asp.net js
asp.net 同时被 2 个专栏收录
49 篇文章 0 订阅
订阅专栏
js
17 篇文章 0 订阅
订阅专栏

1.效果图：

<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        A.menuitem {
	        color: menutext; text-decoration: none
        }
        A.menuitem:hover {
	        color: highlighttext; background-color: highlight
        }
        DIV.contextmenu {
	        border-right: 2px outset; border-top: 2px outset; z-index: 999; visibility: hidden; border-left: 2px outset; border-bottom: 2px outset; position: absolute; background-color: buttonface
        }

</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width:100px;height:100px">
            <tr>
                <td style="width:100px;height:100px">
                    <script language="javascript" type="text/javascript">
                        function Year_Month() {
                            var now = new Date();
                            var yy = now.getYear() + 1900;
                            var mm = now.getMonth() + 1;
                            var cl = '<font color="#0000df">';
                            if (now.getDay() == 0) cl = '<font color="#c00000">';
                            if (now.getDay() == 6) cl = '<font color="#00c000">';
                            return (cl + yy + '年' + mm + '月</font>');
                        }
                        function Date_of_Today() {
                            var now = new Date();
                            var cl = '<font color="#ff0000">';
                            if (now.getDay() == 0) cl = '<font color="#c00000">';
                            if (now.getDay() == 6) cl = '<font color="#00c000">';
                            return (cl + now.getDate() + '</font>');
                        }
                        function Day_of_Today() {
                            var day = new Array();
                            day[0] = "星期日";
                            day[1] = "星期一";
                            day[2] = "星期二";
                            day[3] = "星期三";
                            day[4] = "星期四";
                            day[5] = "星期五";
                            day[6] = "星期六";
                            var now = new Date();
                            var cl = '<font color="#0000df">';
                            if (now.getDay() == 0) cl = '<font color="#c00000">';
                            if (now.getDay() == 6) cl = '<font color="#00c000">';
                            return (cl + day[now.getDay()] + '</font>');
                        }
                        function CurentTime() {
                            var now = new Date();
                            var hh = now.getHours();
                            var mm = now.getMinutes();
                            var ss = now.getTime() % 60000;
                            ss = (ss - (ss % 1000)) / 1000;
                            var clock = hh + ':';
                            if (mm < 10) clock += '0';
                            clock += mm + ':';
                            if (ss < 10) clock += '0';
                            clock += ss;
                            return (clock);
                        }
                        function refreshCalendarClock() {
                            document.all.calendarClock1.innerHTML = Year_Month();
                            document.all.calendarClock2.innerHTML = Date_of_Today();
                            document.all.calendarClock3.innerHTML = Day_of_Today();
                            document.all.calendarClock4.innerHTML = CurentTime();
                        }
                        var webUrl = webUrl;
                        document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td>');
                        document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ');
                        document.write('style="position:absolute;visibility:hidden" bgcolor="#eeeeee">');
                        document.write('<tr><td align="center"><font ');
                        document.write('style="cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120%" ');
                        if (webUrl != 'netflower') {
                            document.write('</td></tr><tr><td align="center"><font ');
                            document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');
                        }
                        document.write('</td></tr></table>');
                        document.write('<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">');
                        document.write('<tr><td valign="top" width="100%" height="100%">');
                        document.write('<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">');
                        document.write('<tr><td align="center" width="100%" height="100%" >');
                        document.write('<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>');
                        document.write('<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>');
                        document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>');
                        document.write('<font id="calendarClock4" style="color:#100080;font-family:宋体;font-size:8pt;line-height:120%"><b> </b></font>');
                        document.write('</td></tr></table>');
                        document.write('</td></tr></table>');
                        document.write('</td></tr></table>');
                        setInterval('refreshCalendarClock()', 1000);
                    </script>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

2.效果图 

<head id="Head1" runat="server">
    <title></title>
    <script language="JavaScript" type="text/javascript">
<!--        Hide
        var timerID = null
        var timerRunning = false
        function MakeArray(size) {
            this.length = size;
            for (var i = 1; i <= size; i++) {
                this[i] = "";
            }
            return this;
        }
        function stopclock() {
            if (timerRunning)
                clearTimeout(timerID);
            timerRunning = false
        }
        function showtime() {
            var now = new Date();
            var year = now.getYear();
            var month = now.getMonth() + 1;
            var date = now.getDate();
            var hours = now.getHours();
            var minutes = now.getMinutes();
            var seconds = now.getSeconds();
            var day = now.getDay();
            Day = new MakeArray(7);
            Day[0] = "星期天";
            Day[1] = "星期一";
            Day[2] = "星期二";
            Day[3] = "星期三";
            Day[4] = "星期四";
            Day[5] = "星期五";
            Day[6] = "星期六";
            var timeValue = "";
            timeValue += year + "年";
            timeValue += ((month < 10) ? "0" : "") + month + "月";
            timeValue += date + "日  ";
            timeValue += (Day[day]) + "  ";
            timeValue += ((hours <= 12) ? hours : hours - 12);
            timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
            timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
            timeValue += (hours < 12) ? "上午" : "下午";
            document.jsfrm.face.value = timeValue;
            timerID = setTimeout("showtime()", 1000);
            timerRunning = true
        }
        function startclock() {
            stopclock();
            showtime()
        }
  //-->

</script>

</head>
<body bgcolor="#ffffff" onLoad="startclock()">

    <script language="JavaScript">
<!--        Hide
        var timerID = null
        var timerRunning = false
        function MakeArray(size) {
            this.length = size;
            for (var i = 1; i <= size; i++) {
                this[i] = "";
            }
            return this;
        }
        function stopclock() {
            if (timerRunning)
                clearTimeout(timerID);
            timerRunning = false
        }
        function showtime() {
            var now = new Date();
            var year = now.getYear() + 1900;
            var month = now.getMonth() + 1;
            var date = now.getDate();
            var hours = now.getHours();
            var minutes = now.getMinutes();
            var seconds = now.getSeconds();
            var day = now.getDay();
            Day = new MakeArray(7);
            Day[0] = "星期天";
            Day[1] = "星期一";
            Day[2] = "星期二";
            Day[3] = "星期三";
            Day[4] = "星期四";
            Day[5] = "星期五";
            Day[6] = "星期六";
            var timeValue = "";
            timeValue += year + "年";
            timeValue += ((month < 10) ? "0" : "") + month + "月";
            timeValue += date + "日  ";
            timeValue += (Day[day]) + "  ";
            timeValue += ((hours <= 10) ? ":0":":")+hours;
            timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
            timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
            timeValue += (hours < 12) ? "上午" : "下午";
            document.jsfrm.face.value = timeValue;
            timerID = setTimeout("showtime()", 1000);
            timerRunning = true
        }
        function startclock() {
            stopclock();
            showtime()
        }
  //-->

</script>
 <form name='jsfrm'>
                    <input type="text" name='face' size="34" value='' style="width:260px"/>
                  </form>
</body>
</html>

3.效果图 

<head>
<title></title>
<script type="text/javascript">
    function NowTime() {
        var now = new Date();
        var year = now.getYear();
        var month = now.getMonth() + 1;
        if (month < 10)
        { month = "0" + month; }
        var date = now.getDate(); //日期，具体到日
        var day = now.getDay(); //获取该日期是一个星期的第几天，也就是星期几
        var theday = "";
        switch (day) {
            case 1:
                theday = "星期一"; break;
            case 2:
                theday = "星期二"; break;
            case 3:
                theday = "星期三"; break;
            case 4:
                theday = "星期四"; break;
            case 5:
                theday = "星期五"; break;
            case 6:
                theday = "星期六"; break;
            case 7:
                theday = "星期天"; break;
        }
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();
        if (minutes <= 9)
            minutes = "0" + minutes
        if (seconds <= 9)
            seconds = "0" + seconds
        if (year < 2000)
            year = year + 1900;
        if (month < 10)
            moth = "0" + month;
        if (date < 10)
            date = "0" + date;
        document.getElementById('txt').value = year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds + " " + theday;
        setTimeout("NowTime()", 500);
    }
    
</script>
</head>

<body οnlοad="NowTime()">
<input type="text" id="txt" style="width:175px;height:25px; background-color:Silver; border:solid 1px Gray;"  readonly="readonly" />
</body>
</html>

当然，这只是几种方法，网上还有很多其他的方法，可以视自己的具体情况而选择合适的方法。

我本良人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript刷新页面的几种方法总结
12-09
1，reload 方法 该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2，replace 方法 方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。 语法： location.replace(URL) 通常使用： location.reload() 或者是 history.go(
Js实现实时显示系统时间（获取当前时间并显示）
琅枫的博客
04-19 3万+
js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，在使用innerHTM方法显示。 首先我们来了解一下js获取当前时间所需的一些方法： 获取当前时间： var d = new Date();//获取系统当前时间 获取特定格式的时间： 1、获取当前年份 getYear()方法：可以获取年份（2位或4位），其返回值是表示当前Date 对象的年份字段 说明：当年
在JavaScript中获取当前时间yyyymmddhhmmss的六种实现方式
最新发布
我都博客
01-28 2124
在编写JavaScript代码时，遇到需要获取当前日期和时间并将其格式化为 yyyymmddhhmmss 字符串的情况。可以使用本文中介绍的几种实现方式中的任意一种。
用js显示当前时间
2302_77621744的博客
04-14 1820
在初步学习js时，可能会有一些朋友能用上js来显示时间，因此我在此提供一种方法供大家参考。其中，关键代码是js。
JavaScript将系统时间渲染在页面当中，并且让页面的时间可以暂停，重新开始前进
Lou__Lan的博客
10-27 626
【代码】JavaScript将系统时间渲染在页面当中，并且让页面的时间可以暂停，重新开始前进。
【温故而知新-Javascript】时间效果（显示当前时间、显示当前日期、显示页面停留时间、倒计时）...
10-29 202
1.显示当前时间 <body onload="showtime()"> <div>当前时间： <span id="clock"></span > </div> <script type="application/javascript"> function showtime()//创建函数 { ...
通过JS实现动态显示当前时间的一个简单方法（三步到位！）
weixin_43426379的博客
04-05 897
三步到位！通过JS实现动态显示当前时间的一个超级简单方法
JS刷新当前页面的几种方法总结
12-11
reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])  参数：bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于...
js关闭当前页面(窗口)的几种方式总结
10-27
js关闭当前页面(窗口)的几种方式总结，需要的朋友可以参考一下
js刷新当前页面的几种方法(相当牛X)
11-14
用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法 如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) ...
用JavaScript实现页面显示当前日期和时间的代码
m0_56419249的博客
10-11 1387
JavaScript实现日期时间动态刷新 JavaScrip 怎么实现时间一秒刷新
利用javascript在当前页面显示时间
weixin_33733810的博客
10-19 89
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8...
利用JS在网页上动态的显示当前的时间
weixin_75141231的博客
06-03 2903
【代码】利用JS在网页上动态的显示当前的时间。
用js实现在页面上显示当前时间（包括年月日，24小时制）
ortianwang的博客
03-28 1258
【代码】用js实现在页面上显示当前时间（包括年月日，12小时制）
javaScript时间动态显示
h
07-11 3420
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
js记录用户在网站的浏览记录和停留时间
canglingyue的专栏
09-02 2万+
by weber开发者 from http://weber.pub/本文地址： http://weber.pub/js记录用户行为浏览记录和停留时间/163.html问题公司想统计一个用户从进入官网到注册，这个流程该用户整个的浏览路线，在哪个页面停留的时间比较长，从而更有针对性的对客户行为进行分析，了解用户的真正需求。。。虽然百度统计之类的也可以记录用户的浏览行为，但是这类统计是全部跟踪用户，而无法
js按钮触发网页提醒_js实现关闭网页出现是否离开提示
weixin_39983554的博客
12-20 652
大家是否经常遇到在关闭网页的时候，会看到一个确定是否离开当前页面的提示框？想一些在线测试系统、信息录入系统等就经常会有这一些提示，避免用户有意或者无意中关掉了页面，导致数据丢失。这里面的实现过程很简单，利用了HTML DOM事件中的onunload和onbeforeunload方法。unload 事件属性定义：当用户卸载文档时执行一段 JavaScript，例如：// body//windowwi...
js获取当前时间
热门推荐
mfxcyh的博客
08-31 7万+
如果有一个需求，需要将当前日期格式化为yyyy-MM-dd hh:mm:ss。
JS获取当前时间的方法
z_星河的博客
09-18 1万+
现在很多应用程序都会有用到时间的地方，无论是倒计时或者活动的时间戳等。
uniapp 有几种方法刷新当前页面
06-02
在 uni-app 中，刷新当前页面的方法有以下几种： 1. 使用 `uni.navigateBack()` 方法并在成功回调中调用 `onLoad()` 方法重新加载当前页面，具体代码如下： ```javascript uni.navigateBack({ delta: 1, ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值