script倒计时实现

1、计时器用到项目中可用于倒计时购买或者抽奖、拍卖,仅需要代码加工可扩展用途,
引申还一可以用于间隔n秒刷新某页面或者判断是否有订单发送
<script language="JavaScript">
function initStopwatch(){
	startday=new Date();//获取当前时间
	clockStart=startday.getTime();//将当前时间转换成时间戳
	var myTime=new Date('2019/5/4');//指定时间
	var timeNow=myTime.getTime();
	var timeDiff=timeNow-clockStart;//获取间隔时间  如果当前时间大于指定时间,没那么结果为负数
	this.diffSecs=timeDiff/1000; //时间以毫秒为单位换算成秒
	return(this.diffSecs);//返回给getSexs方法
}
function getSecs(){
	var mySecs=initStopwatch();//获取返回值
	var mySecs1=""+mySecs;//将值字符串化
	var time = parseInt(mySecs1);//将字符串转换成Integer
	var h = (time/3600); //将时间换算成小时   1h=3600s
	var h1 = ""+h;
	var h2 = parseInt(h1);
 
	var m = ((time-3600*h2)/60);//将剩余量换算成分
	var m1 = ""+m;
	var m2 = parseInt(m1);
 
	var s = (time-3600*h2-60*m2);//将剩余量换算成分秒
	var s1 = ""+s;
	var s2 = parseInt(s1);
    
	var t = h2+"时"+m2+"分"+s2+"秒";
	document.form1.timespent.value=t;
	 window.setTimeout('getSecs()',1000); //计时关键,回调本方法起到1秒循环作用
}
</script>
onLoad="window.setTimeout(‘getSecs()’,1)该方法用是在1ms后执行getSecs()方法
<body bgcolor="#ffffff" onLoad="window.setTimeout('getSecs()',1)">
<center>
10秒后加载页面:
<form name=form1>
<p class="clearfix pc-rate"><input size=90 name=timespent>
</form>
</center>
</body>
发布了20 篇原创文章 · 获赞 10 · 访问量 5471

猜你喜欢

转载自blog.csdn.net/weixin_43784880/article/details/90074878
今日推荐