js显示当前日期时间和星期几

 更新时间:2015年10月22日 17:09:27   投稿:lijiao  
这篇文章主要介绍了js获取当前日期时间同时显示星期的方法,具有参考价值,感兴趣的小伙伴们可以参考一下

JavaScript获取当前日期时间同时显示星期几,具体代码如下:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript"> 
function currentTime(){ 
  var d=new Date(),str=''; 
  str+=d.getFullYear()+'年'; 
  str+=d.getMonth() + 1+'月'; 
  str+=d.getDate()+'日'; 
  str+=d.getHours()+'时'; 
  str+=d.getMinutes()+'分'; 
  str+= d.getSeconds()+'秒'; 
  return str; 
} 
setInterval(function(){$('#time').html(currentTime)},1000); 
</script> 
</head> 
<body> 
<div id="time"></div> 
</body> 
</html> 

在网页上及时动态显示当前的日期时间并显示星期的做法:

function showTime(){ 
  var show_day=new Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日'); 
  var time=new Date(); 
  var year=time.getYear(); 
  var month=time.getMonth(); 
  var date=time.getDate(); 
  var day=time.getDay(); 
  var hour=time.getHours(); 
  var minutes=time.getMinutes(); 
  var second=time.getSeconds(); 
  month<10?month='0'+month:month; 
  month=month+1; 
  hour<10?hour='0'+hour:hour; 
  minutes<10?minutes='0'+minutes:minutes; 
  second<10?second='0'+second:second; 
  var now_time='当前时间:'+year+'年'+month+'月'+date+'日'+' '+show_day[day-1]+' '+hour+':'+minutes+':'+second; 
  document.getElementById('showtime').innerHTML=now_time; 
  setTimeout("showTime();",1000); 
} 

关于这方面的内容网上很多,有js获取当前日期时间同时显示星期,js获取当前时间和一星期钱的时间等内容,都很具有参考价值,希望大家多阅读类似文章,将类似方法熟练掌握。

相关文章

  • JavaScript实现随机生成验证码及校验

    JavaScript实现随机生成验证码及校验

    这篇文章主要为大家详细介绍了JavaScript实现随机生成验证码及校验,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • jQuery拖拽 & 弹出层 介绍与示例

    jQuery拖拽 & 弹出层 介绍与示例

    这篇文章主要介绍了jQuery拖拽 & 弹出层,有需要的朋友可以参考一下
    2013-12-12
  • electron-builder 的基本使用及electron打包步骤

    electron-builder 的基本使用及electron打包步骤

    electron-builder 作为一个用于 Electron 应用程序打包的工具,需要下载并使用 Electron 运行时来创建可执行文件,这篇文章主要介绍了electron-builder 的基本使用,需要的朋友可以参考下
    2023-12-12
  • JS前端分片上传大文件步骤(支持1G以上的超大文件)

    JS前端分片上传大文件步骤(支持1G以上的超大文件)

    当前端在开发过程中遇到上传文件需求,如果是小文件之类的可以正常按上传流程处理,但是当遇到上传大文件需求时就需要分片上传,这篇文章主要给大家介绍了关于JS前端分片上传大文件(支持1G以上的超大文件)的相关资料,需要的朋友可以参考下
    2024-08-08
  • JavaScript实现简单的双色球(实例讲解)

    JavaScript实现简单的双色球(实例讲解)

    下面小编就为大家带来一篇JavaScript实现简单的双色球(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 纯JS实现本地图片预览的方法

    纯JS实现本地图片预览的方法

    这篇文章主要介绍了纯JS实现本地图片预览的方法,基于javascript插件实现本地图片预览功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 纯JS实现五子棋游戏兼容各浏览器(附源码)

    纯JS实现五子棋游戏兼容各浏览器(附源码)

    纯JS实现五子棋游戏同时兼容各个主流浏览器,感兴趣的朋友可以下载源码学习下也是对你js技巧的晋级
    2013-04-04
  • 微信小程序button标签open-type属性原理解析

    微信小程序button标签open-type属性原理解析

    这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01
  • JavaScript原型式继承实现方法

    JavaScript原型式继承实现方法

    这篇文章主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • ECMAScript 创建自己的js类库

    ECMAScript 创建自己的js类库

    ECMAScript中最有意思,最强大的地方在于函数。最进在完善自己的js类库的时候发现我们经常在用函数,但真的很少有人懂得ECMAScript函数功能
    2012-11-11

最新评论