JS函数与获取本地时间与倒计时
来源:互联网 发布:综漫 收集数据做主神 编辑:程序博客网 时间:2024/05/22 13:25
一、内置函数
eval函数:用于计算表达式的值
alert(eval("1+1"));
isNaN:检查是否是数字,返回值true和false
二、自定义函数
showData();
function shouData(){};
三、带参数的函数
showData();
a=xxx;
function shouData(a){};
四、JS的三大对象
浏览器对象
脚本对象
HTML对象
五、数学对象
1、返回0--1的随机值 Math.random
2、四舍五入取整 Math.round
3、向下取整 Math.floor
4、向上取整 Math.ceil
六、创建日期对象
实例化:var time=newData();
七、获取当前的本地时间
toLocaleTimeString();转化为当前的本地时间
toLocaleDateString();转化年月日
toLocaleString();本地完全时间
setTimeout()计时器 但是只运行一次,若想循环使用,需使用递归
八、例子----在网页中显示本地的同步时间
window.onload=function(){
showTime();
}
function showTime(){
var time=new Date();
document.getElementById("content").innerHTML=time.toLocaleString();
setTimeout("shoeTime()",1000);//此处1000为一个循环进行的时间,单位为毫秒
九、例子----在网页中显示目前时间到设定时间的倒计时
<script>
window.onload=function (){
//倒计时 反复计算时间差
showTimer();
}
function showTimer()
{
//获取现在的时间
var time_now=new Date();
//时间设置 2017,9,1,0,0,0设置几月就是几月 2017-9-1 0:0:0 这种设置方式少一个月
var time_go=new Date(2018,8,10,0,0,0);
//计算中间的时间差
/*getTime() 获取的是当前时间到1970年之间的总时间*/
var time=parseFloat((time_go.getTime()-time_now.getTime())/1000);
//开始换算月 天 时 分 秒 毫秒
var mon=parseInt(time/(3600*24*30))
var day=parseInt(time/(3600*24)%30)
var hour=parseInt(time/3600%24)
var min=parseInt(time/60%60)
var sec=parseInt(time%60);
var secmin=parseInt(time*1000%(1000))
if(secmin<10){
secmin="00"+secmin;
}
if(secmin>=10&&secmin<100){
secmin="0"+secmin;
}
document.getElementsByClassName("block")[0].innerHTML=mon+"月";
document.getElementsByClassName("block")[1].innerHTML=day+"天";
document.getElementsByClassName("block")[2].innerHTML=hour+"时";
document.getElementsByClassName("block")[3].innerHTML=min+"分";
document.getElementsByClassName("block")[4].innerHTML=sec+"秒";
document.getElementsByClassName("block")[5].innerHTML=secmin+"毫秒";
setTimeout("showTimer()",1);
}
</script>
<style>
.block{
width: 70px;
white-space: nowrap;
line-height: 50px;
text-align: center;
float: left;
margin-left: 10px;
border: 1px solid silver;
}
</style>
</head>
<body>
<h3>距离:2018-9-10 0:0:0 还剩:</h3>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</body>
eval函数:用于计算表达式的值
alert(eval("1+1"));
isNaN:检查是否是数字,返回值true和false
二、自定义函数
showData();
function shouData(){};
三、带参数的函数
showData();
a=xxx;
function shouData(a){};
四、JS的三大对象
浏览器对象
脚本对象
HTML对象
五、数学对象
1、返回0--1的随机值 Math.random
2、四舍五入取整 Math.round
3、向下取整 Math.floor
4、向上取整 Math.ceil
六、创建日期对象
实例化:var time=newData();
七、获取当前的本地时间
toLocaleTimeString();转化为当前的本地时间
toLocaleDateString();转化年月日
toLocaleString();本地完全时间
setTimeout()计时器 但是只运行一次,若想循环使用,需使用递归
八、例子----在网页中显示本地的同步时间
window.onload=function(){
showTime();
}
function showTime(){
var time=new Date();
document.getElementById("content").innerHTML=time.toLocaleString();
setTimeout("shoeTime()",1000);//此处1000为一个循环进行的时间,单位为毫秒
九、例子----在网页中显示目前时间到设定时间的倒计时
<script>
window.onload=function (){
//倒计时 反复计算时间差
showTimer();
}
function showTimer()
{
//获取现在的时间
var time_now=new Date();
//时间设置 2017,9,1,0,0,0设置几月就是几月 2017-9-1 0:0:0 这种设置方式少一个月
var time_go=new Date(2018,8,10,0,0,0);
//计算中间的时间差
/*getTime() 获取的是当前时间到1970年之间的总时间*/
var time=parseFloat((time_go.getTime()-time_now.getTime())/1000);
//开始换算月 天 时 分 秒 毫秒
var mon=parseInt(time/(3600*24*30))
var day=parseInt(time/(3600*24)%30)
var hour=parseInt(time/3600%24)
var min=parseInt(time/60%60)
var sec=parseInt(time%60);
var secmin=parseInt(time*1000%(1000))
if(secmin<10){
secmin="00"+secmin;
}
if(secmin>=10&&secmin<100){
secmin="0"+secmin;
}
document.getElementsByClassName("block")[0].innerHTML=mon+"月";
document.getElementsByClassName("block")[1].innerHTML=day+"天";
document.getElementsByClassName("block")[2].innerHTML=hour+"时";
document.getElementsByClassName("block")[3].innerHTML=min+"分";
document.getElementsByClassName("block")[4].innerHTML=sec+"秒";
document.getElementsByClassName("block")[5].innerHTML=secmin+"毫秒";
setTimeout("showTimer()",1);
}
</script>
<style>
.block{
width: 70px;
white-space: nowrap;
line-height: 50px;
text-align: center;
float: left;
margin-left: 10px;
border: 1px solid silver;
}
</style>
</head>
<body>
<h3>距离:2018-9-10 0:0:0 还剩:</h3>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</body>
阅读全文
0 0
- JS函数与获取本地时间与倒计时
- js的倒计时 服务器时间与本地时间不一致
- js获取本地时间、服务器时间、倒计时
- [转]JS获取本地时间函数
- Java 获取本地时间与网络时间
- 获取本地时间与UTC时间
- js获取客户时间倒计时,js获取服务器端时间倒计时
- JS服务器获取时间倒计时
- js获取时间距离倒计时
- js获取时间及倒计时
- js 获取本地时间
- js 时间获取与比较
- JS计时与倒计时
- js中的时间与毫秒数互相转换,倒计时
- JS获取时间的相关函数及时间戳与时间日期之间的转换
- C语言获取时间与时间函数
- js倒计时(获取服务器端时间)
- JS获取倒计时时间的方法
- 指针和数组与sizeof运算符(嵌入式笔试必考题)
- 面试技巧,如何通过索引说数据库优化能力,内容来自Java web轻量级开发面试教程
- SER2016 DIV1 B, K 题解
- Java IO : 流,以及装饰器模式在其上的运用
- HDU
- JS函数与获取本地时间与倒计时
- Singing-Voice Separation from Monaural Recordings using Deep Recurrent Neural Networks论文笔记
- EasyUI之data-options
- 文本域,支持多文本输入
- 关于如何将windows上代码上传至github中
- 线性回归、梯度下降、逻辑回归(Linear Regression、Gradient Descent、Logistic Regression)
- SSM整合--ajax实现分页功能()
- Linux系统启动流程中grub故障修复(一)
- 前端JavaScript学习网站(重磅推荐)