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 相关文章推荐
Highslide.js是一款基于js实现的网页中图片展示插件
Mar 30 Javascript
JQuery 文本框使用小结
May 22 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
js如何获取object类型里的键值
Feb 18 Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
vue-cli中打包图片路径错误的解决方法
Oct 26 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
简述pm2常用命令集合及配置文件说明
May 30 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 Javascript
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
一个MYSQL操作类
2006/11/16 PHP
PHP显示今天、今月、上月、今年的起点/终点时间戳的代码
2011/05/25 PHP
php简单实现数组分页的方法
2016/04/30 PHP
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
浅谈Laravel模板实体转义带来的坑
2019/10/22 PHP
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
纯javascript前端实现base64图片下载(兼容IE10+)
2018/09/14 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)
2020/04/15 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
英国领先的男士服装和时尚零售商:Burton
2017/01/09 全球购物
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
实习鉴定范文
2013/12/19 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
社区志愿者活动方案
2014/08/18 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
frg-100简单操作(设置)说明
2022/04/05 无线电