js怎么调整图片切换时的过渡速度

 我来答
程序员养大闸蟹
2017-11-18 · 自家的蟹塘,苏州阳澄湖蓝标大闸蟹养殖户
程序员养大闸蟹
采纳数:2362 获赞数:20622

向TA提问 私信TA
展开全部
<!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>

原生的定时器,可以解决动画效果

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式