我的编程空间,编程开发者的网络收藏夹
学习永远不晚

javascript如何动态显示时间

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

javascript如何动态显示时间

这篇文章主要为大家展示了“javascript如何动态显示时间”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript如何动态显示时间”这篇文章吧。

javascript显示时间的方法:1、使用“new Date()”定义日期对象;2、使用日期对象的getFullYear()、getMonth()等方法获取年月日时分秒值并输出;3、用setTimeout()方法一秒钟刷新一次时间值即可。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript动态显示时间的实现代码:

<html>
    <head>
        <title>网页中动态的显示系统日期时间</title>
        <script language="JavaScript">
            function startTime()   
            {   
                var today=new Date();//定义日期对象   
                var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
                var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年    
                var dd = today.getDate();//通过日期对象的getDate()方法返回年     
                var hh=today.getHours();//通过日期对象的getHours方法返回小时   
                var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   
                var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   
                // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09   
                MM=checkTime(MM);
                dd=checkTime(dd);
                mm=checkTime(mm);   
                ss=checkTime(ss);    
                var day; //用于保存星期(getDay()方法得到星期编号)
                if(today.getDay()==0)   day   =   "星期日 " 
                if(today.getDay()==1)   day   =   "星期一 " 
                if(today.getDay()==2)   day   =   "星期二 " 
                if(today.getDay()==3)   day   =   "星期三 " 
                if(today.getDay()==4)   day   =   "星期四 " 
                if(today.getDay()==5)   day   =   "星期五 " 
                if(today.getDay()==6)   day   =   "星期六 " 
                document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;   
                setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法 
            }   

            function checkTime(i)   
            {   
                if (i<10){
                    i="0" + i;
                }   
                  return i;
            }  
        </script>
    </head>
    <body onload="startTime()" style="background-color: #000000;color: white;">
        当前时间:<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font> 
    </body>
</html>

效果图:

javascript如何动态显示时间

Date对象的方法

Date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance)。

Date 对象必须使用 Flash 5 或以后版本的播放器。

Date 对象的方法并不是静态的,但是在使用时却可以应用于所指定的单独实体。

Date 对象的方法简介:

getDate | 根据本地时间获取当前日期(本月的几号)

getDay | 根据本地时间获取今天是星期几(0-Sunday,1-Monday…)

getFullYear | 根据本地时间获取当前年份(四位数字)

getHours | 根据本地时间获取当前小时数(24小时制,0-23)

getMilliseconds | 根据本地时间获取当前毫秒数

getMinutes | 根据本地时间获取当前分钟数

getMonth | 根据本地时间获取当前月份(注意从0开始:0-Jan,1-Feb…)

getSeconds | 根据本地时间获取当前秒数

getTime | 获取UTC格式的从1970.1.1 0:00以来的毫秒数

getTimezoneOffset | 获取当前时间和UTC格式的偏移值(以分钟为单位)

getUTCDate | 获取UTC格式的当前日期(本月的几号)

getUTCDay | 获取UTC格式的今天是星期几(0-Sunday,1-Monday…)

getUTCFullYear | 获取UTC格式的当前年份(四位数字)

getUTCHours | 获取UTC格式的当前小时数(24小时制,0-23)

getUTCMilliseconds | 获取UTC格式的当前毫秒数

getUTCMinutes | 获取UTC格式的当前分钟数

getUTCMonth | 获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)

getUTCSeconds | 获取UTC格式的当前秒数

getYear | 根据本地时间获取当前缩写年份(当前年份减去1900)

setDate | 设置当前日期(本月的几号)

setFullYear | 设置当前年份(四位数字)

setHours | 设置当前小时数(24小时制,0-23)

setMilliseconds | 设置当前毫秒数

setMinutes | 设置当前分钟数

setMonth | 设置当前月份(注意从0开始:0-Jan,1-Feb…)

setSeconds | 设置当前秒数

setTime | 设置UTC格式的从1970.1.1 0:00以来的毫秒数

setUTCDate | 设置UTC格式的当前日期(本月的几号)

setUTCFullYear | 设置UTC格式的当前年份(四位数字)

setUTCHours | 设置UTC格式的当前小时数(24小时制,0-23)

setUTCMilliseconds | 设置UTC格式的当前毫秒数

setUTCMinutes | 设置UTC格式的当前分钟数

setUTCMonth | 设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb…)

setUTCSeconds | 设置UTC格式的当前秒数

setYear | 设置当前缩写年份(当前年份减去1900)

toString | 将日期时间值转换成”日期/时间”形式的字符串值

Date.UTC | 返回指定的UTC格式日期时间的固定时间值

以上是“javascript如何动态显示时间”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

javascript如何动态显示时间

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Android 动态的显示时间

怎么才能动态的实现时间呢?也许刚入行的你不懂。如果不懂得话,请看代码(代码是最好的老师)。大笑public void onCreate(Bundle savedInstanceState) { super.onCreate(savedIns
2022-06-06

怎么在vue中动态实时显示时间

这篇文章给大家介绍怎么在vue中动态实时显示时间,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。vue动态实时显示时间有两种方法1.可以用day.js,处理日期和时间的js库用法 npm install dayjs --
2023-06-15

html+js实现动态显示本地时间

显示本地时间的方法有很多,在本文将为大家介绍下如何使用html+js实现动态显示本地时间,感兴趣的朋友可以了解下
2022-11-15

jquery如何显示时间

这篇文章介绍了使用jQuery显示时间的三种方法:Date对象、setInterval()方法和moment.js库。Date对象提供基本时间操作功能,setInterval()方法允许精确时间更新,但会影响性能,而moment.js库提供丰富的功能,但需要额外的文件。选择合适的方法取决于需求和偏好。文章还讨论了如何格式化时间显示和使用CSS进行样式化。
jquery如何显示时间
2024-04-02

javascript动态隐藏显示技术(转)

javascript动态隐藏显示技术(转)[@more@]noyes开启更多选填项test
2023-06-03

tkinter动态显示时间的两种实现方法

这篇文章主要介绍了tkinter动态显示时间的两种实现方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2023-01-28

Qt5如何实现主窗口状态栏显示时间

这篇文章给大家分享的是有关Qt5如何实现主窗口状态栏显示时间的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。使用Qt Creator创建默认的窗体程序后,主窗口QMainWindow有statusBar状态栏,在此
2023-06-14

怎么在Java中利用线程动态显示时间

怎么在Java中利用线程动态显示时间?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。代码如下:import javax.swing.*;import java.a
2023-06-14

如何实现jsp中Response对象页面重定向、时间的动态显示

这篇文章主要为大家展示了“如何实现jsp中Response对象页面重定向、时间的动态显示”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何实现jsp中Response对象页面重定向、时间的动态显
2023-06-20

c++如何显示当前时间

c++中显示当前时间的几种方法:使用 time() 获取时间戳使用 std::chrono 类获取系统时间使用第三方库(如 boost.date_time)如何在 C++ 中显示当前时间在 C++ 中显示当前时间的方法有几种:1. 使用
c++如何显示当前时间
2024-04-22

asp时间样式如何显示

ASP时间格式可以使用以下格式进行显示:1. "yyyy-MM-dd":显示年、月、日,例如:2022-01-01。2. "HH:mm:ss":显示小时、分钟、秒,例如:09:30:00。3. "yyyy-MM-dd HH:mm:ss":显
2023-10-07

编程热搜

目录