script倒计时实现

最新推荐文章于 2024-05-22 01:53:01 发布

随身带花的男孩

最新推荐文章于 2024-05-22 01:53:01 发布

阅读量519

点赞数

文章标签： js倒计时

本文链接：https://blog.csdn.net/weixin_43784880/article/details/90074878

版权

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>

随身带花的男孩

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
script倒计时实现

1、计时器用到项目中可用于倒计时购买或者抽奖、拍卖，仅需要代码加工可扩展用途，引申还一可以用于间隔n秒刷新某页面或者判断是否有订单发送<script language="JavaScript">function initStopwatch(){ startday=new Date();//获取当前时间 clockStart=startday.getTime();//将当前时间...
复制链接

扫一扫