js 实现页面动态显示时间

最新推荐文章于 2021-04-24 10:50:36 发布
最新推荐文章于 2021-04-24 10:50:36 发布
阅读量668 收藏
点赞数
分类专栏： 开发日常

调用方法：

<body onload="startTime()">  
   <div id="time"></div>  
</body>

/* 动态显示时间 函数*/  

function startTime() {      
var today = new Date();   
var y = today.getFullYear();  
var M = today.getMonth() + 1;  
var d = today.getDate();  
var h = today.getHours();  
var m = today.getMinutes();  
var s = today.getSeconds();  
var w = today.getDay();  
var weekday = new Array(7);  
weekday[0] = "星期日";  
weekday[1] = "星期一";  
weekday[2] = "星期二";  
weekday[3] = "星期三";  
weekday[4] = "星期四";  
weekday[5] = "星期五";  
weekday[6] = "星期六";  
// 当分钟和秒为个位数时前面补0  
if (m < 10) {  
m = "0" + m;  
}  
if (s < 10) {  
s = "0" + s;  
}  
document.getElementById('time').innerHTML = y + "-" + M + "-" + d + " " + h  
+ ":" + m + ":" + s + " " + weekday[w];  
var t = setTimeout(function() {  
startTime()  
}, 500); /* 每500毫秒执行一次，实现动态显示时间效果 */  
}

 

 

 

 

 

好记性不如烂笔头_
关注
专栏目录
通过JS实现页面动态显示时间
m0_72687687的博客
08-11 1307
【代码】通过JS实现页面动态显示时间。
jsp显示时间
11-25
jsp页面动态的显示系统当前的时间.txt，代码少容易理解
jsp页面 动态显示时间 脚本
世事如棋__2016的博客
02-19 821
/* 动态显示时间 函数*/ function startTime() {     var today = new Date();  var y = today.getFullYear(); var M = today.getMonth() + 1; var d = today.getDate(); var h = today.getHours(); var m = toda
jsp动态显示当前时间
乌云踏雪
08-18 3279
&lt;%@ page import="java.io.*" %&gt; &lt;%@ page import="java.text.SimpleDateFormat" %&gt; &lt;%@ page import="java.util.Date" %&gt; &lt;%@ page import="java.sql.Timestamp" %&gt; &amp
jsp页面动态显示本地时间
明天，争取的博客
04-13 821
jsp页面动态显示本地时间 &lt;script language="javascript"&gt; //检查是不是两位数字，不足补全 function check(str){ str=str.toString(); if(str.length&lt;2){ str='0'+ str; } return str; } function realS...
JSP动态显示当前时间
jian8182的博客
08-26 824
<script> function showTime(){ nowtime=new Date(); year=nowtime.getFullYear(); month=nowtime.getMonth()+1; date=nowtime.getDate(); hour=nowtime.getHours(); minite=nowtime.getMinutes(); second=nowtime.getSeconds(); docu.
js实现动态显示时间效果
10-20
总结来说，JavaScript实现动态显示时间效果主要涉及到以下几个关键点： 1. 使用`Date`对象获取当前时间。 2. 通过`getFullYear()`等方法获取时间的各个组成部分。 3. 使用字符串连接将时间部分组合成易读的格式。 4....
html+js实现动态显示本地时间
01-19
代码如下: <span xss=removed><... <span xss=removed> </span><body> <span xss=removed> </span> [removed] <span xss=removed> </span> setInterval(“test()”,1000); function test () { ...
JS实现HTML页面中动态显示当前时间完整示例
10-18
主要介绍了JS实现HTML页面中动态显示当前时间,结合完整实例形式分析了JavaScript使用时间函数setTimeout及clearTimeout动态显示当前时间相关操作技巧,非常简单实用,需要的朋友可以参考下
JS实现日期时间动态显示的方法
10-23
在JavaScript中，动态显示日期和时间是一项常见的需求，特别是在网页应用中。这通常涉及到使用JavaScript的时间函数和DOM操作来更新页面元素的内容。本篇文章将详细解释如何使用JS实现日期时间的动态显示，并通过一...
JSP实现实时时间显示
11-02
JSP在网页上实现实时时间显示，附有截图与详细代码，重要代码已在文中用红色标记。
js统计网页在线时间的脚本
10-30
分析用户行为时,某网页停留时间可能会是个可参考的数据 由后台分析函数取一个合理值作为在线时间
jsp时间实时显示
10-13
显示格式为2014年10月13日星期一15点45分50秒，并且秒是变化的，一秒刷新一次，在使用的时候直接引用就行，在jsp上的显示 ,id写成clock就行
利用JavaScript实现简单网页时钟
清浊酒无味 无泪无悔
05-01 1048
利用JavaScript实现网页时钟，效果如下图所示： 首先在body中完成表盘、指针的资源载入： &lt;div&gt;&lt;img src="../../image/clockface.jpg" alt=""&gt;&lt;/div&gt; &lt;hr id="hour" &gt; &lt;hr id="min"&gt; &l
前台显示系统时间的一个小脚本
ren2881971的专栏
07-30 126
[code="js"] function showLocale(objD) { var str,colorhead,colorfoot; var yy = objD.getYear(); if(yy
jsp动态显示时间
Cuizzkkk的博客
12-04 242
function showtime() { var today; var hour; var second; var minute; var year; var month; var date; var strDate; today = new Date(); var n_day = today.getDay(); switch (n_day) { case 0: { strDat
关于在jsp页面显示当前时间及动态显示
luoxia0805的专栏
06-21 2819
通过网罗资料，整理出来的：   1、 显示当前时间 <% Date date=new Date(); SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); %> 当前时间是： =============以上显示当前时间就完了，不能动态显示 注意：%@p
JSP 页面动态的显示当前系统时间
要成长的小白
11-18 8874
在JSP 页面动态显示当前系统时间，我z
jsp代码实现根据当前时间显示上午或者下午好提示
girls的博客
04-24 1212
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import ="java.util.*,java.text.*" %> <!-- 导包 --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&gt
JavaScript实现动态显示目标日期与剩余时间
动态显示时间是一种网页技术，通过JavaScript实现对目标日期的实时计时功能，常用于网站的倒计时或提醒功能。在这个示例代码中，主要包含以下几个关键知识点： 1. HTML结构： - 页面开始使用HTML标签 `<html>` 和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值