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 相关文章推荐
Javascript Tab 导航插件 (23个)
Jun 11 Javascript
基于jQuery的js分页代码
Jun 10 Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
js实现简单计算器
Nov 22 Javascript
jQuery操作基本控件方法实例分析
Dec 31 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 Javascript
js实现特别简单的钟表效果
Sep 14 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的文件操作与算法实现的面试题示例
2015/08/10 PHP
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
JavaScript中的操作符==与===介绍
2014/12/31 Javascript
JS实现弹出居中的模式窗口示例
2016/06/20 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
2016/08/02 Javascript
Vuejs第十二篇之动态组件全面解析
2016/09/09 Javascript
JavaScript数据结构链表知识详解
2016/11/21 Javascript
Javascript之面向对象--封装
2016/12/02 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
详解如何用typescript开发koa2的二三事
2018/11/13 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
ionic+html5+API实现双击返回键退出应用
2019/09/17 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
Python Web开发模板引擎优缺点总结
2014/05/06 Python
python中dir函数用法分析
2015/04/17 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
python爬取内容存入Excel实例
2019/02/20 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
Sasa莎莎海外旗舰店:香港莎莎美妆平台
2018/03/21 全球购物
微信营销策划方案
2014/02/24 职场文书
森林防火宣传标语
2014/06/27 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
运动会新闻稿
2015/07/17 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python
Oracle11g R2 安装教程完整版
2021/06/04 Oracle
vue实现锚点定位功能
2021/06/29 Vue.js