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中的Base64、UTF8编码与解码详解
Mar 18 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
在线引用最新jquery文件的实现方法
Aug 26 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
原生JS写Ajax的请求函数功能
Dec 22 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
May 06 Javascript
Java无向树分析 实现最小高度树
Apr 09 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日期时间函数的高级应用技巧
2009/05/16 PHP
php不用内置函数对数组排序的两个算法代码
2010/02/08 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
JS获取当前网页大小以及屏幕分辨率等
2014/09/05 Javascript
jQuery 中$(this).index与$.each的使用指南
2014/11/20 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
15个非常实用的JavaScript代码片段
2016/12/18 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
微信小程序实现移动端滑动分页效果(ajax)
2017/06/13 Javascript
基于Vue.js 2.0实现百度搜索框效果
2020/12/28 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
vue-router 权限控制的示例代码
2017/09/21 Javascript
this.$toast() 了解一下?
2019/04/18 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局
2016/02/27 DOTA
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
Python中实现参数类型检查的简单方法
2015/04/21 Python
Python笔试面试题小结
2019/09/07 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
Python中的整除和取模实例
2020/06/03 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
Zooplus葡萄牙:欧洲领先的网上宠物商店
2018/07/01 全球购物
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
酒店经理职责
2014/01/30 职场文书
军神教学反思
2014/02/04 职场文书
2014年元旦活动方案
2014/02/15 职场文书
关于保护环境的建议书
2014/05/13 职场文书
解除施工合同协议书
2014/10/17 职场文书
2015新学期校长寄语(3篇)
2015/03/25 职场文书
班级管理经验交流材料
2015/11/02 职场文书
2016年重阳节慰问信
2015/12/01 职场文书