js获取当前日期代码适用于网页头部

 更新时间:2013年06月27日 18:17:43   作者:  
大家在浏览网页时可能会注意到网页头部有个不错的时间在显示,看起来感觉不错于是自己也实现了一个,下面是具体的代码,感兴趣的朋友可以参考下哈
复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function bodyLoad(){
var dateTime=new Date();
var hh=dateTime.getHours();
if(hh<10) hh = '0' + hh;
var mm=dateTime.getMinutes();
if(mm<10) mm = '0' + mm;
var ss=dateTime.getSeconds();
if(ss<10) ss = '0' + ss;
var yy=dateTime.getFullYear();

var MM=dateTime.getMonth()+1; //因为1月这个方法返回为0,所以加1
var dd=dateTime.getDate();
var week=dateTime.getDay();
var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ",]
document.getElementById("date").value=yy+"年"+MM+"月"+dd+"日 "+"星期"+days[week] ;
document.getElementById("time").value=hh+":"+mm+":"+ss;
setTimeout(bodyLoad,1000);
}
</script>
</head>
<body onload="bodyLoad()">
<input type="text" id="date" style="border:0 none;" /><input type="text" id="time" style="border:0 none;" />
</body>
</html>

相关文章

  • JavaScript ES6 Module模块详解

    JavaScript ES6 Module模块详解

    这篇文章主要介绍了ES6新特性之模块Module用法,简要说明了模块Module的概念、功能并结合实例形式分析了模块Module的使用方法与相关注意事项,需要的朋友可以参考下
    2021-10-10
  • js 对小数加法精度处理示例说明

    js 对小数加法精度处理示例说明

    javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果,下面为大家介绍下js如何对小数加法精度处理
    2013-12-12
  • 让IE8支持DOM 2(不用框架!)

    让IE8支持DOM 2(不用框架!)

    众所周知,IE8开放了对DOM原型的支持以及ECMA v5的两个新方法——Object.defineProperty和Object.getOwnPropertyDexcriptor(单词好长……),并且这两个新方法居然只能用于DOM。
    2009-12-12
  • 深入了解JavaScript中正则表达式的使用

    深入了解JavaScript中正则表达式的使用

    正则表达式是匹配模式,要么匹配字符,要么匹配位置。在JavaScript中正则表达式常常用来验证表单等。本文将带大家深入了解一下JavaScript中的正则表达式应该如何使用,需要的朋友可以参考一下
    2021-12-12
  • JS控制层作圆周运动的方法

    JS控制层作圆周运动的方法

    这篇文章主要介绍了JS控制层作圆周运动的方法,涉及javascript动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 百度UEditor编辑器如何关闭抓取远程图片功能

    百度UEditor编辑器如何关闭抓取远程图片功能

    这篇文章主要介绍了百度UEditor编辑器如何关闭抓取远程图片功能,需要的朋友可以参考下
    2015-03-03
  • 使用不同的方法结合/合并两个JS数组

    使用不同的方法结合/合并两个JS数组

    这是一篇关于JavaScript数组使用的一些技巧,我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点
    2014-09-09
  • JavaScript实现异步提交表单数据

    JavaScript实现异步提交表单数据

    这篇文章主要为大家详细介绍了JavaScript实现异步提交表单数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • js图片卷帘门导航菜单特效代码分享

    js图片卷帘门导航菜单特效代码分享

    这篇文章主要介绍了js图片卷帘门导航菜单特效,一款很新颖的图片导航菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-09-09
  • JavaScript库之vanilla-tilt使用教程(一个平滑的3D倾斜库)

    JavaScript库之vanilla-tilt使用教程(一个平滑的3D倾斜库)

    vanilla-tilt.js是Javascript中一个平滑的3D倾斜库,可以让网页的一些控件变得动态起来,下面这篇文章主要给大家介绍了关于JavaScript库之vanilla-tilt使用的相关资料,需要的朋友可以参考下
    2023-02-02

最新评论