在制作网站功能的时候,很多朋友需要js实现倒计时的功能,但是没有具体思路,那么可以参考今天的这篇经验。
1、js实现倒计时代码
<body onload=”clock(3600)”></body>
<script>
function clock(times){
//页面加载时设置需要倒计时的秒数,计算小时,页面加载时设置需要倒计时的秒数,计算小时,其中times为需要设置的倒计时时间秒数,在clock传入数值即可。
var shi=parseInt(times/3600);
//计算分钟
var fen=parseInt((times%3600)/60);
//计算秒
var miao=(times%3600)%60;
//写入页面显示
document.getElementById(“clock”).innerHTML=shi+”时”+fen+”时”+miao+”秒”;
if(times>0){
//倒计时的秒数递减1
times=times-1;
//定时1秒,然后调用自身clock方法
//每次递减1,不停调用自身,实现循环,直到times=0
setTimeout(function (){
clock(times);
}, 1000);
}else{
alert(“倒计时结束”);
} }
</script>
</html>
本文内容(包含图片或视频在内)系用户自行上传分享,网站仅提供信息存储服务。如作品内容涉及版权问题,请及时与鱼捕头联系,我们将在第一时间删除。文章地址:https://www.yubutou.com/71855.html