Auto lockscreen

<html>

        <head>

                <style type="text/css">

                @font-face {

  font-family: "font";

  src: url("HelveticaLTStd-Bold.otf");

  }


body

{

background-image:url('bg.png');

background-repeat:no-repeat;

background-color: #000000;

background-size: 100%;

-webkit-transition-duration: 1s;

}


h1.time {

        font-size: 150%;

        font-family: "font";

        background: -webkit-linear-gradient(left top, #bcbcbc, #000000);


        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        position:relative;

        top:186px;

        left: 70px;

}


h1.date {

        font-size: 150%;

        font-family: "font";

        background: -webkit-linear-gradient(left top, #A36E0A, #805608);


        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);

        position:relative;

        top:140px;

        left: 138px;


        </style>

        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0" http-equiv="refresh" content="5">


        </head>


        <body>


                <script type="text/javascript">

                        <!--

                                var currentTime = new Date()

                                var hours = currentTime.getHours()

                                var minutes = currentTime.getMinutes()


                                if (minutes < 10)

                                minutes = "0" + minutes


                                var suffix = "AM";

                                if (hours >= 12) {

                                suffix = "PM";

                                hours = hours - 12;

                                }

                                if (hours == 0) {

                                hours = 12;

                                }


                                document.write("<h1 class=time>" + hours + "." + minutes + " " , "</h1>")

                        //-->

                </script>

                <script type="text/javascript">

<!--


        var currentDate = new Date()

        var day = currentDate.getDate()

        var month = currentDate.getMonth() + 1

        var year = currentDate.getFullYear()

        document.write("<h1 class=date>" + month + "." + day + "." + year + "</h1>")

//-->

</script>


        </body>


</html>