javascript基础--取余
一、隔行变色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>各行变色</title> <script> window.onload = function() { var oUl = document.getElementById('ul1'); var aLi = document.getElementsByTagName('li'); var i = 0; for (i = 0; i < aLi.length; i++) { if (i % 2 == 0) { aLi[i].style.background = "#ccc"; } } } </script> </head> <body> <ul id='ul1'> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </body> </html>
二、时间计算
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>时间计算</title> <script> window.onload = function() { var oBtn = document.getElementById('btn'); var aTxt = document.getElementById('txt1'); oBtn.onclick = function() { alert(parseInt(aTxt.value / 3600) + '小时' + parseInt((aTxt.value % 3600) / 60) + '分' + aTxt.value % 60 + '秒'); } } </script> </head> <body> <input id="txt1" type="text" name="" value=""> <input id="btn" type="button" value="时间计算"> </body> </html>