JavaScript时钟与定时器
1.时钟
创新互联建站服务项目包括宾阳网站建设、宾阳网站制作、宾阳网页制作以及宾阳网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,宾阳网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到宾阳省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
例子:时钟
clock
window.onload = function(){
function fnRunning(){
var oDiv = document.getElementById('div1');
var sNow = new Date(); /*当前时间*/
var iYear = sNow.getFullYear(); /*年*/
var iMonth = sNow.getMonth()+1; /*月*/
var iDate = sNow.getDate(); /*日*/
var iWeek = sNow.getDay();
var iHour = sNow.getHours(); /*时*/
var iMinute = sNow.getMinutes();/*分*/
var iSecond = sNow.getSeconds(); /*秒*/
var sAdate = iDate + '-' + iMonth + '-' + iYear + ' ' + fnWeek(iWeek) + ' ' + fnClock(iHour) + ':' + fnClock(iMinute) + ':' + fnClock(iSecond);
/*alert(sAdate);*/
oDiv.innerHTML = '当前时间:' + sAdate;
}
function fnWeek(n){
switch(n){
case 0:
return '星期日';
break;
case 1:
return '星期一';
break;
case 2:
return '星期二';
break;
case 3:
return '星期三';
break;
case 4:
return '星期四';
break;
case 5:
return '星期五';
break;
case 6:
return '星期六';
break;
}
}
function fnClock(n){ /*给时分秒补零*/
if(n<10){
return '0'+n;
}
else{
return n;
}
}
fnRunning(); /*setInterval执行要一秒,在调用前先执行fnRunning*/
setInterval(fnRunning,1000);
}
div{
text-align: center;
font-size: 50px;
background-color: antiquewhite;
}
例子二:倒计时
倒计时
window.onload = function(){
function down(){
var oDiv = document.getElementById('div1');
/*实际开发中需要读取后台数据的时间,可以通过ajax来读取*/
var sNow = new Date();
/*alert(sNow);*/
/*未来时间,月份是0-11表示一到十二月*/
var sFuture = new Date(2019,0,6,15,0,0);
/*计算多少秒*/
var sLast = parseInt((sFuture-sNow)/1000);
/*alert(sLast);单位s*/
var iDay = parseInt(sLast/86400);
/*alert(iDay);日*/
var iHour = parseInt((sLast%86400)/3600);
/*alert(iHour);时*/
var iMinutes = parseInt((sLast%86400)%3600/60);
/*alert(iMinutes);分*/
var iSecond = sLast%60;
/*alert(iSecond);秒*/
var sTr = '距离今天下午15:00还剩: ' + add(iDay) + '天' + add(iHour) + '时' + add(iMinutes) + '分' + add(iSecond) + '秒';
oDiv.innerHTML = sTr;
}
function add(n){ /*补零函数*/
if(n<10){
return '0'+n;
}
else{
return n;
}
}
down(); /*setIterval执行需要大概一秒,先执行一遍down*/
setInterval(down,1000);
}
div{
text-align: center;
font-size: 40px;
background-color: beige;
}
2.定时器
setTimeout(函数名,时间) 只执行一次的定时器
注:
第一个可以写函数名也可以写匿名函数,时间单位是毫秒,不写单位。
clearTimeout 关闭只执行一次的定时器
如:
var iRan = setTimeout(fake,1000);
clearTimeout(iRan);
setInterval 反复执行的定时器
clearInterva 关闭反复执行的定时器
网页名称:JavaScript时钟与定时器
标题来源:http://hbruida.cn/article/gsjcsd.html