有关JS控制时间的几个小Demo
一、Document自带的定时和延时方法:
循环运行:var timeid = window.setInterval(“方法名或方法”。“延时”);window.clearInterval(timeid);
定时运行:var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid);
比方:
//循环运行,每隔3秒钟运行一次showalert()
window.setInterval(showalert, 3000);
function showalert()
{
alert(fullyear+"-"+month+"-"+date+" "+hours+"-"+minutes+"-"+seconds);
}
//定时运行,5秒后运行show()
window.setTimeout(show,5000);
function show()
{
alert(fullyear+"-"+month+"-"+date+" "+hours+"-"+minutes+"-"+seconds);
}
二、Date (对象)
Date 对象可以使你获得相对于国际标准时间(格林威治标准时间,如今被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正执行的操作系统的时间和日期。要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance)。
Date 对象的方法简单介绍:
·getDate | 依据本地时间获取当前日期(本月的几号)
·getDay | 依据本地时间获取今天是星期几(0-Sunday,1-Monday...)
·getFullYear | 依据本地时间获取当前年份(四位数字)
·getHours | 依据本地时间获取当前小时数(24小时制,0-23)
·getMilliseconds | 依据本地时间获取当前毫秒数
·getMinutes | 依据本地时间获取当前分钟数
·getMonth | 依据本地时间获取当前月份(注意从0開始:0-Jan,1-Feb...)
·getSeconds | 依据本地时间获取当前秒数
·getTime | 获取UTC格式的从1970.1.1 0:00以来的毫秒数
·getTimezoneOffset | 获取当前时间和UTC格式的偏移值(以分钟为单位)
·getUTCDate | 获取UTC格式的当前日期(本月的几号)
·getUTCDay | 获取UTC格式的今天是星期几(0-Sunday,1-Monday...)
·getUTCFullYear | 获取UTC格式的当前年份(四位数字)
·getUTCHours | 获取UTC格式的当前小时数(24小时制,0-23)
·getUTCMilliseconds | 获取UTC格式的当前毫秒数
·getUTCMinutes | 获取UTC格式的当前分钟数
·getUTCMonth | 获取UTC格式的当前月份(注意从0開始:0-Jan,1-Feb...)
·getUTCSeconds | 获取UTC格式的当前秒数
·getYear | 依据本地时间获取当前缩写年份(当前年份减去1900)
·setDate | 设置当前日期(本月的几号)
·setFullYear | 设置当前年份(四位数字)
·setHours | 设置当前小时数(24小时制,0-23)
·setMilliseconds | 设置当前毫秒数
·setMinutes | 设置当前分钟数
·setMonth | 设置当前月份(注意从0開始:0-Jan,1-Feb...)
·setSeconds | 设置当前秒数
·setTime | 设置UTC格式的从1970.1.1 0:00以来的毫秒数
·setUTCDate | 设置UTC格式的当前日期(本月的几号)
·setUTCFullYear | 设置UTC格式的当前年份(四位数字)
·setUTCHours | 设置UTC格式的当前小时数(24小时制,0-23)
·setUTCMilliseconds | 设置UTC格式的当前毫秒数
·setUTCMinutes | 设置UTC格式的当前分钟数
·setUTCMonth | 设置UTC格式的当前月份(注意从0開始:0-Jan,1-Feb...)
·setUTCSeconds | 设置UTC格式的当前秒数
·setYear | 设置当前缩写年份(当前年份减去1900)
·toString | 将日期时间值转换成"日期/时间"形式的字符串值
·Date.UTC | 返回指定的UTC格式日期时间的固定时间值
以下是使用Date的一个案例:
<span style="white-space:pre"> </span>var myDate = new Date();
var year = myDate.getYear(); //获取当前年份(2位)
var fullyear = myDate.getFullYear(); //获取完整的年份(4位,1970-???? )
var month = myDate.getMonth()+1; //获取当前月份(0-11,0代表1月)
if(month<10){
month = "0"+month;
}
var date = myDate.getDate(); //获取当前日(1-31)
if(date<10){
date = "0"+date;
}
var day = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
var time = myDate.getTime(); //获取当前时间(从1970.1.1開始的毫秒数)
var hours = myDate.getHours(); //获取当前小时数(0-23)
if(hours<10){
hours = "0"+hours;
}
var minutes = myDate.getMinutes(); //获取当前分钟数(0-59)
if(minutes<10){
minutes = "0"+minutes;
}
var seconds = myDate.getSeconds(); //获取当前秒数(0-59)
if(seconds<10){
seconds = "0"+seconds;
}
var millisenconds = myDate.getMilliseconds(); //获取当前毫秒数(0-999)
var localeDateString = myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
var localeString = myDate.toLocaleString(); //获取日期与时间
作者:伫望碧落 出处:http://blog.csdn.net/cl05300629
有关JS控制时间的几个小Demo的更多相关文章
- js控制时间显示格式
Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.g ...
- js+canvas(H5)实现小球移动小demo
*canvas提供画布,大小自定义,js得到画布,从画布对象通过getContext('2d')来得到画笔,然后就可以开始画了 代码: <!DOCTYPE html> <html l ...
- 今天的学习——关于JS时间获取方面的小问题
①JS获取时间 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1 ...
- 关于JS的时间控制实现动态效果及实例操作
关于JS的时间控制 <script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 ...
- 客户端JS性能的一些优化的小技巧
下面是一些关于客户端JS性能的一些优化的小技巧:1.[顶]关于JS的循环,循环是一种常用的流程控制.JS提供了三种循环:for(;;). while().for(in).在这三种循环中 for(in) ...
- BeautyWe.js 一套专注于微信小程序的开发范式
摘要: 小程序框架... 作者:JerryC 原文:BeautyWe.js 一套专注于微信小程序的开发范式 Fundebug经授权转载,版权归原作者所有. 官网:beautywejs.com Repo ...
- JS控制flash的方法
JS控制flash的一些方法:Play() ---------------------------------------- 播放动画 StopPlay()---------------------- ...
- js控制页面显示和表单提交
早期的web页面在显示方面一般在后台进行控制,虽然对后台开发来讲是比较容易做到的,但是涉及到一个问题,那就是数据库压力. 因为要控制显示,所以会比较频繁的从数据库中来回调用. 现在的js功能越来越强, ...
- js控制tr 隐藏 显示
tr td 外面不要套div <tr> <td>排期确定结果: </td> <td> <label class="liradio&quo ...
随机推荐
- cocos2d导入iOS原生项目
最近公司最新发下任务让融合一个cocos2dx写的游戏项目融合进现有项目,当看到要求时内心瞬间无数羊驼奔腾.------ 虽说内心是拒绝的,但是任务已经派发就必须要完成啊.所以在网上搜了大量的融入教程 ...
- 一起写框架-Ioc内核容器的实现-基础功能-getBean(五)
实现的功能 1. 启动程序时,将@ComponentScan加载的类,创建对象并放在容器里面.(查看上一篇文) 2. 通过ApplicatoinContext的getBean()方法获得容器里面的对象 ...
- Scrum Meeting Alpha - 10
Scrum Meeting Alpha - 10 NewTeam 2017/11/06 地点:主楼和3号楼之间的走廊2楼 任务反馈 团队成员 完成任务 计划任务 安万贺 完成了对涉及内容修改的API的 ...
- 闲聊select和input常用的小插件
前言 在pc端的项目中,经常会用到表单标签,莫过于是select和input这两种,这两种相当常用.但往往原生的功能不尽人意,即使 input中type有n多属性,甚至连时间控件都有,但仍旧满足不了我 ...
- docker下编译mangoszero WOW60级服务端(一)
这几天看到暴雪准备开放怀旧服的新闻,突然想到几年前用大芒果window一键服务端自己搭建过服务,就想着在Linux环境下重新编译一套,毕竟Linux作为服务端,性能和稳定性都会高一些,于是在mac虚拟 ...
- Node.js初探之POST方式传输
小知识:POST比GET传输的数据量大很多 POST发数据--"分段" 实例: 准备一个form.html文件: <!DOCTYPE html> <html> ...
- C# TabControl标签的隐藏
当你想要隐藏的时候 if (this.tabMain.TabPages[ "tabpageThePage "] != null) { this.tabMain.TabPages.R ...
- c++ const全局对象是如何处理的
我主要是记录一个发现,目前我不能解释,先作个记录. const 只是一个 语义约束,由编译器强制实施的.使被约束的对象不能被直接访问修改. 我用 『直接』这词,因为在代码段中 ,用一个const 指针 ...
- pt-tcp-model
http://blog.9minutesnooze.com/analyzing-http-traffic-tcpdump-perconas-pttcpmodel/ #获取200k个packets tc ...
- eclipse项目中丢失的R包找回方法
当我们项目中的R文件丢失的时候会令我们痛苦不已,怎样找回呢?总不能删了吧,那样心血会毁于一旦的,我们肯定不会那样做,那要怎么办呢?我这里提供三种方法: 一,一般情况下这样: 方法一:选中 ...