js怎么调整图片切换时的过渡速度
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定时器</title>
</head>
<body>
<button id="start">开始</button>
<button id="stop">结束</button>
<div id="show"></div>
<script>
/*
setInterval(code,time)
* 参数
* code - 表示按照指定周期所执行的代码块
* 最简单的实现方式就是回调函数
* time - 表示指定周期,以毫秒为单位
* 返回值 - 作为当前定时器的标识(ID)
* 问题
* 导致第一次执行时,会出现指定时间的延迟
*/
//开始按钮
var start = document.getElementById('start');
var show = document.getElementById('show');
var t;
start.addEventListener('click',function(){
showTime();
t = setInterval(showTime, 1000);
})
function showTime(){
var date = new Date();
show.innerHTML = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + '-' + date.getHours() + '-' + date.getMinutes() + '-' + date.getSeconds();
}
//结束按钮
/*
clearInterval(id)
* id - 表示setInterval()方法的返回值
*/
var stop = document.getElementById('stop');
stop.addEventListener('click',function(){
clearInterval(t);
})
</script>
</body>
</html>
原生的定时器,可以解决动画效果
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |