JavaScript学习笔记——隔行变色、秒转时间

最新推荐文章于 2022-01-14 12:19:37 发布

悲伤且秃驴

最新推荐文章于 2022-01-14 12:19:37 发布

阅读量98

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45762143/article/details/107762859

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

隔行变色


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset='utf-8'>
        <title>js基础2</title>
        <script>
        window.onload = function(){
            var aLi = document.getElementsByTagName('li');
            for(var i=0; i<aLi.length; i++)
            {
                if(i%2==0)
                    aLi[i].style.background = '#CCC';
                else
                    aLi[i].style.background = '';
            }
        };
    </script>
    </head>
    <body>
        <ul>
            <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>
    <head>
        <meta charset='utf-8'>
        <title>秒转时间</title>
        <script>
            window.onload = function(){
                btn.onclick = function(){
                    var second = parseInt(txt.value);
                    var a = parseInt(second/3600);
                    var b = parseInt((second-3600*a)/60);
                    var c = parseInt(second%60);
                    alert(a+'时'+b+'分'+c+'秒');
                }
            };
        </script>
    </head>
    <body>
        <input id='txt' type='text'/>
        <input id='btn' type='button' value='转时间'/>
    </body>
</html>

在这里插入图片描述

悲伤且秃驴

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习笔记——隔行变色、秒转时间

隔行变色<!DOCTYPE HTML><html> <head> <meta charset='utf-8'> <title>js基础2</title> <script> window.onload = function(){ var aLi = document.getElementsByTagName('li');
复制链接

扫一扫