JavaScript的日期对象显示当前日期和时间
时间:2019-04-15
本文章向大家介绍JavaScript的日期对象显示当前日期和时间,主要包括JavaScript的日期对象显示当前日期和时间使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
题目解析:
使用JavaScript的日期对象显示当前日期和时间,先用new Date()来定义一个时间oDate对象,再根据oDate对象来获取年月日和时分秒的值:
var oDate=new Date();
var oYear=oDate.getFullYear();获取当年的年份
var oMonth=oDate.getMonth()+1;获取当月的月份
var oDay=oDate.getDate();获取当日的日期
var oHours=oDate.getHours();获取当天的小时
var oMinute=oDate.getMinutes();获取当时是多少分
var oSeconds=oDate.getSeconds();获取多少秒
把获取好的的年月日和时分秒付相连接起来
var timeValue=oYear+"-"+zero(oMonth)+"-"+zero(oDay)+" "+zero(oHours)+":"+zero(oMinute)+":"+zero(oSeconds)付给div
oBox.innerHTML=timeValue;
里面的zero()函数是补零函数,当月日时分秒的值小于10的情况下就在前面加0
function zero(num){
return num>10?num:"0"+num;
}
再用setInterval()方法方法运行 clock()时钟就而已了,每1秒秒钟就跑动
setInterval("clock()",1000);
javascript代码:
window.onload=function(){
clock();
setInterval("clock()",1000);
}
function zero(num){
return num>10?num:"0"+num;
}
function clock(){
var oBox=document.getElementById("date");
var oDate=new Date();
var oYear=oDate.getFullYear();
var oMonth=oDate.getMonth()+1;
var oDay=oDate.getDate();
var oHours=oDate.getHours();
var oMinute=oDate.getMinutes();
var oSeconds=oDate.getSeconds();
var timeValue=oYear+"-"+zero(oMonth)+"-"+zero(oDay)+" "+zero(oHours)+":"+zero(oMinute)+":"+zero(oSeconds);
oBox.innerHTML=timeValue;
}
转载前端菜鸟:http://www.bird100.cn/8960.html
- 国内外电商平台反爬虫机制报告
- Spring框架(一)
- MyBatis框架(三)动态SQL,分页,二进制存入数据库图片
- Spring框架(二)反射机制, 注入, 单例模式, 自动装载, 延迟加载
- Spring框架(三) JDBCTemplate,声明式事务,自动装载(注解)
- SpringMVC 常用注解
- Spring3:AOP
- js中三目运算符和&& || 符的个人浅见
- 原生js怎么为动态生成的标签添加各种事件
- 实现图片懒加载
- SpringMVC框架(四)文件的上传下载,上下文路径
- SpringMVC框架(一)
- HTML link标签media参数
- Mybatis,Spring,SpringMVC框架面试题
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Flutter循环Json数组
- Flutter组件随笔练习
- TKE 容器健康检查最佳实践
- 微信小程序修改checkbox和radio的样式
- TRTC Android端开发接入学习之实现实时屏幕分享(四)
- Vue使用组件递归实现评论盖楼功能笔记
- 自监督注意力在密集光流估计中的应用
- SpringBoot+MyBatis+Spring 技术整合实现商品模块的CRUD操作
- 什么?面试官让我用ArrayList实现一个阻塞队列?
- A little fun with InnoDB multi-versioning(14.有关InnoDB多版本中的一个小问题)
- 聊聊java中的哪些Map:(八)ConcurrentSkipListMap源码分析
- littlevgl(Lvgl)最新版V7.4移植
- TiKV 源码解析系列文章(二十)Region Split 源码解析
- 轻松构建Tomcat源码
- Flutter中Contrainer 组件的宽高限制分析