1. 程式人生 > >多個定時器任務

多個定時器任務

min interval val http type inter doctype .com time

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<
body> <ul> <li class="time0"></li> <li class="time1"></li> <li class="time2"></li> </ul> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script> var data = [ { id:
1, time: 20000 }, { id: 2, time: 15000 }, { id: 3, time: 40000 } ] function cutTime(cutTotalTime, index){ var timer = setInterval(
function(){ if(cutTotalTime <= 0){ clearInterval(timer); }else{ cutTotalTime--; let h = parseInt(cutTotalTime/3600); let m = parseInt(cutTotalTime%3600/60); let s = parseInt(cutTotalTime%60); console.log("時分秒:", h, m, s); let timeText = `${h}時:${m}分:${s}秒`; $(".time"+index).text(timeText); } }, 1000) } for(let i = 0; i < data.length; i++){ let timein = parseInt(data[i].time / 1000); cutTime(timein, i); } </script> </body> </html>

多個定時器任務