如何用js获取当前时间和ip地址以及当前城市

原创于 2020-08-11 18:02:39 发布 · 686 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #jquery #html

本文介绍了一段用于在网页上实时显示当前时间和获取用户IP地址及所在城市的JavaScript脚本。通过调用Sohu的cityjson API，脚本能够获取用户的地理位置信息，并结合jQuery库实现动态更新。

<html>
<head>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="/statics/assets/js/jquery.min.js"></script>
</head>
<script>
    //时间设置
    function currentTime(){
        var d=new Date(),str='';
        str+=d.getFullYear()+'年';
        str+=d.getMonth() + 1+'月';
        str+=d.getDate()+'日';
        str+=d.getHours()+'时';
        str+=d.getMinutes()+'分';
        str+= d.getSeconds()+'秒';
        return str;
    }

    //setInterval(function(){$('#time').html(currentTime)},1000);

    function getIp(){
        var ip = returnCitySN['cip'];
        $('#ip').html(ip)

        var city = returnCitySN['cname'];
        $('#city').html(city)

        $('#time').html(currentTime)
    }

    window.onload = getIp;

    //alert(returnCitySN['cip'] + returnCitySN['cname']);
</script>
<body>
你本次登陆时间为<span  class="time"><em id="time"></em></span>，
登陆IP:<span  class="time"><em id="ip"></em></span>，
当前所在城市:<span  class="time"><em id="city"></em></span>
</body>
</html>