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 相关文章推荐
跨浏览器的事件对象介绍
Jun 27 Javascript
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
Feb 23 Javascript
javascript常用函数(2)
Nov 05 Javascript
jQuery Validate初步体验(一)
Dec 12 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
Angular2自定义分页组件
Apr 19 Javascript
详解AngularJS controller调用factory
May 19 Javascript
jQuery 添加样式属性的优先级别方法(推荐)
Jun 08 jQuery
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
js实现踩五彩块游戏
Feb 08 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 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
《APMServ 5.1.2》使用图解
2006/10/23 PHP
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
新手学习PHP的一些基础知识分享
2011/07/27 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
深入了解javascript中的prototype与继承
2013/04/14 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
Javascript编写2048小游戏
2015/07/07 Javascript
jQuery对象与DOM对象转换方法详解
2016/05/10 Javascript
前端JS面试中常见的算法问题总结
2016/12/23 Javascript
详解使用vuex进行菜单管理
2017/12/21 Javascript
Vue服务器渲染Nuxt学习笔记
2018/01/31 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
python的绘图工具matplotlib使用实例
2014/07/03 Python
Python内置数据类型详解
2014/08/18 Python
Python字符串逐字符或逐词反转方法
2015/05/21 Python
python构建深度神经网络(DNN)
2018/03/10 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
Python2.7实现多进程下开发多线程示例
2019/05/31 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
Python同时处理多个异常的方法
2020/07/28 Python
Python中Qslider控件实操详解
2021/02/20 Python
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
网络维护中文求职信
2014/01/03 职场文书
新三好学生主要事迹
2014/01/23 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
社区端午节活动总结
2015/02/11 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
部队2015年终工作总结
2015/04/02 职场文书