js显示动态时间

最新推荐文章于 2019-08-04 21:56:51 发布
最新推荐文章于 2019-08-04 21:56:51 发布
阅读量91 收藏
点赞数
分类专栏： js相关 文章标签： ruby javascript 操作系统 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012671407/article/details/84283834
版权

 

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格式日期时间的固定时间值 

 

以下：

页面js  直接得到系统动态时间

 

Ruby代码  复制代码  收藏代码
  1. <script type="text/javascript">   
  2. function showLocale(objD)   
  3.     {   
  4.         var str,colorhead,colorfoot;   
  5.         var yy = objD.getYear();   
  6.             if(yy<1900) yy = yy+1900;   
  7.         var MM = objD.getMonth()+1;   
  8.             if(MM<10) MM = '0' + MM;   
  9.         var dd = objD.getDate();   
  10.             if(dd<10) dd = '0' + dd;   
  11.         var hh = objD.getHours();   
  12.             if(hh<10) hh = '0' + hh;   
  13.         var mm = objD.getMinutes();   
  14.             if(mm<10) mm = '0' + mm;   
  15.         var ss = objD.getSeconds();   
  16.             if(ss<10) ss = '0' + ss;   
  17.         var ww = objD.getDay();   
  18.             if ( ww==0 ) colorhead="<font color=\"#FF0000\">";   
  19.             if ( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">";   
  20.             if ( ww==6 ) colorhead="<font color=\"#008000\">";   
  21.             if (ww==0) ww="星期日";   
  22.             if (ww==1) ww="星期一";   
  23.             if (ww==2) ww="星期二";   
  24.             if (ww==3) ww="星期三";   
  25.             if (ww==4) ww="星期四";   
  26.             if (ww==5) ww="星期五";   
  27.             if (ww==6) ww="星期六";   
  28.             colorfoot="</font>"  
  29.                 str = colorhead + yy + "年" + MM + "月" + dd + "日" + hh + ":" + mm + ":" + ss + " " + ww + colorfoot;   
  30.             return(str);   
  31.     }   
  32. function tick()   
  33.     {   
  34.         var today;   
  35.         today = new Date();   
  36.         document.getElementById("localtime").innerHTML = showLocale(today);   
  37.         window.setTimeout("tick()", 1000);   
  38.     }   
  39.     tick();   
  40.                 </script>   
  41.   
  42.   
  43.   
  44.   
  45. <body>   
  46. <span id=localtime></span>     
  47. </body>  
love_121212
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery发展历程时间轴特效代码
10-08
jQuery发展历程时间轴特效代码
页面js 直接得到系统动态时间
^greatcolor 待到道成日，纵横天地间！
12-02 95
  Date对象的方法 　Date 对象能够使你获得相对于国际标准时间（格林威治标准时间，现在被称为 UTC-Universal Coordinated Time）或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法，你就必须先创建一个Date对象的实体（Instance）。 　　Date 对象必须使用 Flash 5 或以后版本的播放器。 　　Date 对象的方法并...
动态时间轴特效（html,js等）完整代码
12-05
实现的很美观。效果不错，动态时间轴特效 完整html，css ，js 非原创，资源分享，一起学习
js实现时钟效果+年月日
dongciqiu0026的博客
10-21 493
　　实现原理：通过js获取到系统时间，然后分别算出年，月，日，时，分，秒，然后拼接年月日，时分秒，然后通过定时器setInterval每过一秒去获取这些数据，这样就可以实现时钟的效果 <html> <head> <title></title> </head> <style> ...
js实时时间效果（简单版）
小静子的博客
08-30 1442
转自：https://blog.csdn.net/TonyTonyFun/article/details/51842968 用JS实现XXXX年XX月XX日 星期X XX时XX分XX秒 效果   效果 ： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...
js显示动态时间的方法详解
10-21
为了动态显示时间，可以定期调用`setInterval()`函数来更新时间显示。以下是一个简单的每秒更新时间的示例： ```javascript function displayTime() { var now = new Date(); var hours = now.getHours(); var ...
javascript显示动态时间的方法汇总
12-29
当前时间： <td id=CurrentTime></td> [removed] function changetime(){ var ary = [星期日,星期一,星期二,星期三,星期四,星期五,星期六]; var Timehtml = document.getElementById('CurrentTime'); var date = new...
js实现动态显示时间效果
10-20
本文将深入探讨如何使用JavaScript来实现动态显示时间的效果。 首先，我们需要创建一个HTML页面作为展示的容器。在提供的代码示例中，可以看到一个简单的HTML结构，包括`<html>`、`<head>`和`<body>`标签。`<head>`...
JavaScript 制作12小时进制的时钟特效
xiaobai_mantou的博客
08-04 9046
今天分享一个javaScript制作12进制时钟特效的小题。 代码如下 制作12进制的时钟特效 > <!DOCTYPE html> <html> <head lang="en"> > <meta charset="UTF-8"> > <title>制作12进制的时钟特效</title> &lt...
JS --- 显示当前日期时间和星期几
liayn523的博客
04-20 2234
Javascript显示当前页面中所有图片的特效
chuzaojue0220的博客
03-17 98
= 0 ;x1 = . 1 ;y1 = . 05 ;x2 = . 25 ;y2 = . 24 ;x3 = 1.6 ;y3 = . 24 ;x4 = 300 ;y4 = 200 ;x5 = 300 ;y5 = 200 ;D...
Linux内核中获取当前时间
热门推荐
heanyu的专栏
06-17 6万+
7.2. 获知当前时间内核代码能一直获取一个当前时间的表示, 通过查看 jifies 的值. 常常地, 这个值只代表从最后一次启动以来的时间, 这个事实对驱动来说无关, 因为它的生命周期受限于系统的 uptime. 如所示, 驱动可以使用 jiffies 的当前值来计算事件之间的时间间隔(例如, 在输入驱动中从单击中区分双击或者计算超时). 简单地讲, 查看
js 显示系统时间
weixin_34092455的博客
11-29 70
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt...
JavaScript获取系统当前日期和时间、星期几
weixin_33713707的博客
11-24 154
JavaScript获取系统当前日期和时间、星期几 方法一： &lt;script language="javascript"&gt; var mydate=new Date(); var myyear=mydate.getYear(); var mymonth=mydate.getMonth()+1;//注：月数从0~11为一月到十二月 var mydat=mydate.getDate(); v...
日期显示js
weixin_34235457的博客
11-16 66
function RunGLNL(){var today=new Date();var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");var DDDD=(today.getYear()&lt;100 ? today.getYear()+1900:today.getYear())+"年&
使用JS实现动态时间
John的博客
09-06 2100
首先在页面上添加引入包     pageEncoding="UTF-8" import="java.util.Date"%> //获取当前时间 function systemTime(){ var dateTime=new Date(); var hh=dateTime.getHours(); var mm=dateTime.getMinutes(); var ss=da
推荐5款实用的jQuery时间轴插件
weixin_30652491的博客
12-01 3462
1、使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴，它由上部水平滑块和下部时间点对应的内容区块，点击时间轴上的时间点，下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动，非常强大。 详情：查看详情 2、HTML5+CSS3实现的响应式垂直时间轴 网页时间轴一般用于展示以时间为主线的事件，如企业网站常见的...
JS根据日期得出星期几
ao906747928的博客
04-22 1万+
function getweekday(date){ var weekArray = new Array("日", "一", "二", "三", "四", "五", "六"); var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date returnweek; } 例如： 1、获取系统时间并得出星期 ...
JS显示日期时间完整版
wendy_chenlu的专栏
12-11 641
http://www.w3.org/1999/xhtml">当前时间function tick() {var hours, minutes, seconds, xfile;var intHours, intMinutes, intSeconds;var today, theday;today = new Date();function initArray(){this.length=initArr
javascript页面动态显示系统时间
最新发布
10-12
你可以使用JavaScript来动态显示系统时间。以下是一个简单的示例，可以在网页中使用： ```html <!DOCTYPE html> <html> <head> <script> function displayTime() { var date = new Date(); var time = date.toLocaleTimeString(); document.getElementById("time").innerHTML = time; } setInterval(displayTime, 1000); // 每秒钟更新一次时间 </script> </head> <body> <div id="time"></div> </body> </html> ``` 上面的代码创建了一个函数`displayTime()`，它获取当前的时间并将其显示在`<div>`元素中，id为`time`。然后使用`setInterval()`函数每秒钟调用一次`displayTime()`函数，以更新时间显示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值