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 自定义类型方法小结
Mar 02 Javascript
让angularjs支持浏览器自动填表
Nov 10 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
jQuery使用each方法与for语句遍历数组示例
Jun 16 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
echarts3 使用总结(绘制各种图表,地图)
Jan 05 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
vue 插值 v-once,v-text, v-html详解
Jan 19 Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 Javascript
vue实现菜单切换功能
May 08 Javascript
详解iview的checkbox多选框全选时校验问题
Jun 10 Javascript
后台使用freeMarker和前端使用vue的方法及遇到的问题
Jun 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桌面中心(三) 修改数据库
2007/03/11 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
jquery.validate使用攻略 第一部
2010/07/01 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
JavaScript模拟实现继承的方法
2015/03/30 Javascript
php结合imgareaselect实现图片裁剪
2015/07/05 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
js console.log打印对象时属性缺失的解决方法
2019/05/23 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
python实现文件快照加密保护的方法
2015/06/30 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
替换python字典中的key值方法
2018/07/06 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
对python实现二维函数高次拟合的示例详解
2018/12/29 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
python实现计算器功能
2019/10/31 Python
Python实现密码薄文件读写操作
2019/12/16 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
flask框架中的cookie和session使用
2021/01/31 Python
美国钻石商店:Zales
2016/11/20 全球购物
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
联想印度官方网上商店:Lenovo India
2019/08/24 全球购物
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
春节活动策划方案
2014/01/24 职场文书
2015员工年度考核评语
2015/03/25 职场文书
Golang并发工具Singleflight
2022/05/06 Golang