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


Posted in Javascript onOctober 22, 2015

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 相关文章推荐
js下获取div中的数据的原理分析
Apr 07 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
JavaScript原生对象之Number对象的属性和方法详解
Mar 13 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
Sep 14 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
ReactNative短信验证码倒计时控件的实现代码
Jul 20 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
微信小程序实现下拉刷新动画
Jun 21 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 Vue.js
js检测用户输入密码强度
Oct 22 #Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 #Javascript
实例详解angularjs和ajax的结合使用
Oct 22 #Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 #Javascript
使用jquery插件qrcode生成二维码
Oct 22 #Javascript
JavaScrip调试技巧之断点调试
Oct 22 #Javascript
浅析JavaScript 调试方法和技巧
Oct 22 #Javascript
You might like
神族 PROTOSS 概述
2020/03/14 星际争霸
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
深入解析Laravel5.5中的包自动发现Package Auto Discovery
2017/09/13 PHP
firefox下frameset取不到值的解决方法
2010/09/06 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
2015/03/26 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
JavaScript操作select元素和option的实例代码
2016/01/29 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
功能完善的小程序日历组件的实现
2020/03/31 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
python二元表达式用法
2019/12/04 Python
pytorch实现线性拟合方式
2020/01/15 Python
python基于property()函数定义属性
2020/01/22 Python
python从PDF中提取数据的示例
2020/10/30 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
草莓网化妆品日本站:Strawberrynet日本
2017/10/20 全球购物
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
百货商场楼层班组长竞聘书
2014/03/31 职场文书
学习演讲稿范文
2014/05/10 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
2014党员干部四风问题对照检查材料思想汇报
2014/09/24 职场文书
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技