编程 Javascript

JavaScript实现页面实时显示当前时间的简单实例

Posted in Javascript onJuly 20, 2013

<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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js利用div背景，做一个竖线的效果。

Nov 22 Javascript

DB.ASP 用Javascript写ASP很灵活很好用很easy

Jul 31 Javascript

使用js修改客户端注册表的方法

Aug 09 Javascript

关于javascript event flow 的一个bug详解

Sep 17 Javascript

php，js，css字符串截取的办法集锦

Sep 26 Javascript

javascript实现禁止复制网页内容

Dec 16 Javascript

浅谈js中的变量名和函数名重名

Feb 13 Javascript

Vue自定义事件(详解)

Aug 19 Javascript

.vue文件加scoped 样式不起作用的解决方法

May 28 Javascript

js图片无缝滚动插件使用详解

May 26 Javascript

mock.js模拟数据实现前后端分离

Jul 24 Javascript

layui表格内放置图片,并点击放大的实例

Sep 10 Javascript

js动态创建表格,删除行列的小例子

Jul 20 #Javascript

JavaScript中setAttribute用法介绍

Jul 20 #Javascript

jquery动态添加删除div 具体实现

Jul 20 #Javascript

JavaScript将相对地址转换为绝对地址示例代码

Jul 19 #Javascript

鼠标焦点离开文本框时验证的js代码

Jul 19 #Javascript

jquery的flexigrid无法显示数据提示获取到数据

Jul 19 #Javascript

GridView中获取被点击行中的DropDownList和TextBox中的值

Jul 18 #Javascript

You might like

PHP图片处理之使用imagecopy函数添加图片水印实例

2014/11/19 PHP

ThinkPHP表单令牌错误的相关解决方法分析

2016/05/20 PHP

php fseek函数读取大文件两种方法

2016/10/12 PHP

thinkPHP5.0框架配置格式、加载解析与读取方法

2017/03/17 PHP

Yii2使用表单上传文件的实例代码

2017/08/03 PHP

使用composer 安装 laravel框架的方法图文详解

2019/08/02 PHP

Linux下编译安装php libevent扩展实例

2015/02/14 Javascript

浅谈jQuery中的事件

2015/03/23 Javascript

jQuery仿gmail实现fixed布局的方法

2015/05/27 Javascript

SWFUpload多文件上传及文件个数限制的方法

2016/05/31 Javascript

JS实现标签滚动切换效果

2017/12/25 Javascript

如何利用 JS 脚本实现网页全自动秒杀抢购功能

2020/10/12 Javascript

[05:31]DOTA2英雄梦之声_第08期_莉娜

2014/06/23 DOTA

[01:08:17]2018DOTA2亚洲邀请赛3月29日小组赛B组 EG VS VGJ.T

2018/03/30 DOTA

Python进行数据科学工作的简单入门教程

2015/04/01 Python

解读Django框架中的低层次缓存API

2015/07/24 Python

详解Python进程间通信之命名管道

2017/08/28 Python

Python实现基本数据结构中队列的操作方法示例

2017/12/04 Python

Python使用Matplotlib实现Logos设计代码

2017/12/25 Python

Python中判断输入是否为数字的实现代码

2018/05/26 Python

Tensorflow分类器项目自定义数据读入的实现

2019/02/05 Python

使用python实现数组、链表、队列、栈的方法

2019/12/20 Python

解决python pandas读取excel中多个不同sheet表格存在的问题

2020/07/14 Python

Jmeter HTTPS接口测试证书导入过程图解

2020/07/22 Python

python中pathlib模块的基本用法与总结

2020/08/17 Python

用Python制作音乐海报

2021/01/26 Python

h5使用canvas画布实现手势解锁

2019/01/04 HTML / CSS

Banana Republic欧盟：美国都市简约风格的代表品牌

2018/05/09 全球购物

python+selenium小米商城红米K40手机自动抢购的示例代码

2021/03/24 Python

生产车间实习自我鉴定

2013/09/23 职场文书

生物专业个人自荐信范文

2013/11/29 职场文书

毕业生实习期转正自我鉴定

2014/09/26 职场文书

局领导领导班子四风对照检查材料

2014/09/27 职场文书

2015年专项整治工作总结

2015/04/03 职场文书

关于公司年会的开幕词

2016/03/04 职场文书

Mysql中的触发器定义及语法介绍

2022/06/25 MySQL