javascript基础--取余

最新推荐文章于 2024-07-29 11:53:27 发布

Z19871124123456

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量131

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Mr-W/p/6474845.html

版权

一、隔行变色

<!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>

转载于:https://www.cnblogs.com/Mr-W/p/6474845.html

Z19871124123456

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript基础--取余

一、隔行变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>各行变色</title> <script> window.onload = functio...
复制链接

扫一扫