javascript学习笔记(三)显示当时时间的代码


Posted in Javascript onApril 08, 2011

html代码如下:

<div id="showTime"></div>

javascript 代码如下:时间显示格式为:2011-04-04 星期二 12:09:34
function startTime() { 
try{ 
var today = new Date(); 
var year = today.getFullYear(); 
var month = checkNum(today.getMonth()+1); 
var date = checkNum(today.getDate()); 
var day = today.getDay(); 
var hour = checkNum(today.getHours()); 
var minute = checkNum(today.getMinutes()); 
var second = checkNum(today.getSeconds()); 
switch(day) { 
case 1: 
day = "一"; 
break; 
case 2: 
day = "二"; 
break; 
case 3: 
day = "三"; 
break; 
case 4: 
day = "四"; 
break; 
case 5: 
day = "五"; 
break; 
case 6: 
day = "六"; 
break; 
case 7: 
day = "日"; 
break; 
} 
var fullTime = year+"-"+month+"-"+date+" "+"星期"+day+" "+hour+":"+minute+":"+second; 
document.getElementById("showTime").innerHTML = fullTime; 
setInterval('startTime()', 1000); 
}catch(e) { 
alert(e.description); 
} 
} 
function checkNum(num) { 
if(num<10) { 
num = "0"+num; 
} 
return num; 
}
Javascript 相关文章推荐
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
JS截取与分割字符串常用技巧总结
Nov 10 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
JS实现图片轮播效果实例详解【可自动和手动】
Apr 04 Javascript
angular6开发steps步骤条组件
Jul 04 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
Feb 23 Javascript
ES6学习教程之Promise用法详解
Nov 22 Javascript
javascript 学习笔记(一)DOM基本操作
Apr 08 #Javascript
jQuery 名称冲突的解决方法
Apr 08 #Javascript
js 事件处理函数间的Event物件是否全等
Apr 08 #Javascript
Javascript 八进制转义字符(8进制)
Apr 08 #Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 #Javascript
JavaScript中清空数组的三种方法分享
Apr 07 #Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 #Javascript
You might like
PHP 的 __FILE__ 常量
2007/01/15 PHP
php smarty 二级分类代码和模版循环例子
2011/06/01 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
PHP 函数call_user_func和call_user_func_array用法详解
2014/03/02 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
js限制文本框为整数和货币的函数代码
2010/10/13 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
2015/06/29 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
2018/01/11 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
2020/04/28 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
自己编程中遇到的Python错误和解决方法汇总整理
2015/06/03 Python
对python模块中多个类的用法详解
2019/01/10 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
python plotly画柱状图代码实例
2019/12/13 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
过滤器的用法
2013/10/08 面试题
办公室年终个人自我评价
2013/10/28 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
工商干部先进事迹
2014/05/14 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS