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 相关文章推荐
JavaScript窗口功能指南之在窗口中书写内容
Jul 21 Javascript
JavaScript的变量作用域深入理解
Oct 25 Javascript
js 学习笔记(三)
Dec 29 Javascript
JQuery 获取和设置Select选项的代码
Feb 07 Javascript
Dojo 学习要点
Sep 03 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
用js动态添加html元素,以及属性的简单实例
Jul 19 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
Jun 14 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和ACCESS写聊天室(一)
2006/10/09 PHP
php基础教程 php内置函数实例教程
2012/08/21 PHP
php目录操作实例代码
2014/02/21 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
php生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
7个JS基础知识总结
2014/03/05 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
基于vue2.0+vuex的日期选择组件功能实现
2017/03/13 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
vue2 router 动态传参,多个参数的实例
2017/11/10 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
解决jQuery使用append添加的元素事件无效的问题
2018/08/30 jQuery
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
python计算牛顿迭代多项式实例分析
2015/05/07 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
PyTorch预训练Bert模型的示例
2020/11/17 Python
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
学生自我鉴定模板
2013/12/30 职场文书
培训研修方案
2014/06/06 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
销售业务员岗位职责
2015/02/13 职场文书
初中政教处工作总结
2015/08/12 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书