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 相关文章推荐
Prototype使用指南之base.js
Jan 10 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
Apr 23 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
jQuery的promise与deferred对象在异步回调中的作用
May 03 Javascript
微信小程序 网络API 上传、下载详解
Nov 09 Javascript
tab栏切换原理
Mar 22 Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
js实现星星打分效果
Jul 05 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 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
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
JS实现浏览器状态栏显示时间的方法
2015/10/27 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
angularjs 中$apply,$digest,$watch详解
2016/10/13 Javascript
Bootstrap图片轮播组件Carousel使用方法详解
2016/10/20 Javascript
js实现旋转木马效果
2017/03/17 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
Python子类继承父类构造函数详解
2019/02/19 Python
Python通用函数实现数组计算的方法
2019/06/13 Python
用python写测试数据文件过程解析
2019/09/25 Python
python实现小世界网络生成
2019/11/21 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
python爬虫请求头设置代码
2020/07/28 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
Johnson Fitness澳大利亚:高级健身器材
2021/03/16 全球购物
初中语文教学反思
2014/02/02 职场文书
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
光学与应用专业毕业生求职信
2014/09/01 职场文书
产品质量保证书范本
2015/02/27 职场文书
2015年双拥工作总结
2015/04/08 职场文书
2015年财务科工作总结范文
2015/05/13 职场文书
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS
JavaScript 对象创建的3种方法
2021/11/17 Javascript
【海涛教你打DOTA】虚空假面第一视角骨弓3房29杀
2022/04/01 DOTA
微前端qiankun改造日渐庞大的项目教程
2022/06/21 Javascript