asp.net 获取服务器时间然后在页面上动态显示时间

最新推荐文章于 2024-06-27 17:05:17 发布

三叉姬

最新推荐文章于 2024-06-27 17:05:17 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： asp.net javascript

本文链接：https://blog.youkuaiyun.com/jiwenlei/article/details/16804539

本文介绍了一种使用JavaScript实现网页实时显示当前时间的方法，通过解析服务器返回的日期字符串，并利用JavaScript的Date对象动态更新页面上的时间显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1：

$(function () {

window.setInterval(changeClock, 1000);

}

function changeClock() {
               var mon = d.getMonth();
               if (parseInt(mon) < 10)
                   mon = "0" + mon;
               var day = d.getDate();
               if (parseInt(day) < 10)
                   day = "0" + day;
               var hour = d.getHours();
               if (parseInt(hour) < 10)
                   hour = "0" + hour;
               var min = d.getMinutes();
               if (parseInt(min) < 10)
                   min = "0" + min;
               var sec = d.getSeconds();
               if (parseInt(sec) < 10)
                   sec = "0" + sec;
               d.setSeconds(d.getSeconds() + 1);
               document.getElementById("lblCurTime").innerHTML = d.getFullYear() + "年" + mon + "月" + day + "日 " + hour + ":" + min + ":" + sec;
           }

</script>

方法2：

$(function () {

changeClock();

}

var st = '<%=System.DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")%>';
           var a = st.split(" ");
           var b = a[0].split("-");
           var c = a[1].split(":");
           var d = new Date(b[0], b[1], b[2], c[0], c[1], c[2]);
           function changeClock() {
               var mon = d.getMonth();
               if (parseInt(mon) < 10)
                   mon = "0" + mon;
               var day = d.getDate();
               if (parseInt(day) < 10)
                   day = "0" + day;
               var hour = d.getHours();
               if (parseInt(hour) < 10)
                   hour = "0" + hour;
               var min = d.getMinutes();
               if (parseInt(min) < 10)
                   min = "0" + min;
               var sec = d.getSeconds();
               if (parseInt(sec) < 10)
                   sec = "0" + sec;
               d.setSeconds(d.getSeconds() + 1);
               document.getElementById("lblCurTime").innerHTML = d.getFullYear() + "年" + mon + "月" + day + "日 " + hour + ":" + min + ":" + sec;
               setTimeout("changeClock()", 1000);
           }

</script>