JavaScript实现页面实时显示当前时间的简单实例
更新时间：2013年07月20日 16:08:12 作者：
这篇文章介绍了页面实时显示当前时间的简单实例，有需要的朋友可以参考需要
复制代码 代码如下:
<html>
<head>
<title>JavaScript实现页面实时显示当前时间</title>
</head>
<body>
<script language="javascript">
function showtime()
{
var today,hour,second,minute,year,month,date;
var strDate ;
today=new Date();
var n_day = today.getDay();
switch (n_day)
{
case 0:{
strDate = "星期日"
}break;
case 1:{
strDate = "星期一"
}break;
case 2:{
strDate ="星期二"
}break;
case 3:{
strDate = "星期三"
}break;
case 4:{
strDate = "星期四"
}break;
case 5:{
strDate = "星期五"
}break;
case 6:{
strDate = "星期六"
}break;
case 7:{
strDate = "星期日"
}break;
}
year = today.getYear();
month = today.getMonth()+1;
date = today.getDate();
hour = today.getHours();
minute =today.getMinutes();
second = today.getSeconds();
if(month<10) month="0"+month;
if(date<10) date="0"+date;
if(hour<10) hour="0"+hour;
if(minute<10) minute="0"+minute;
if(second<10) second="0"+second;
document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
}
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body>
</html>
相关文章
这篇文章主要介绍了详解微信小程序回到顶部的两种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
ProgressBar.js 是一个借助动态 SVG 路径的漂亮的，响应式的进度条效果。使用 ProgressBar.js 可以很容易地创建任意形状的进度条。这个 JavaScript 库提供线条，圆形和方形等几个内置的形状，但你可使用 Illustrator 或任何其它的矢量图形编辑器创建自己的进度条效果。2015-04-04
最近发现项目用的表单验证不好使，干脆一边参考人家的一边自己写了一个。在验证有错误返回提示信息用到渐显(fadeIn)渐隐(fadeOut)过渡(因为浏览器的效率实在太高了，一下就蹦了出来~~)；2010-06-06
这篇文章主要介绍了动态读取JSON解析键值对的方法,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了微信小程序实现人脸识别对比,此文主要通过小程序实现对比人脸相似度，并返回相似度分值，可以基于分值判断是否为同一人，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-10-10
在网站的管理后台应用此功能居多，如一次性处理多个产品，或对文章的删除对产品的下架等处理，一条一条的点显然有一些麻烦，如果能每一行放一个checkbox，然后统一处理就好办的多了，今天我就用简单的篇幅来讲解一下这个功能的实现原理和实现过程。2015-05-05
这篇文章主要介绍了js中位运算的运用实例分析,需要的朋友可以参考下2018-12-12
访问修改DOM元素都会导致浏览器重新计算页面的几何变化，下面为大家介绍下javascript性能提升方法,需要的朋友可以参考下2014-02-02
这篇文章主要为大家详细介绍了js+html实现网页五子棋，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
本文主要介绍了原生js实现选项卡功能的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
最新评论