digital clock

-




The date object is a built-in JavaScript object that enables you to conveniently work with date and times.You can create a date object anytime you need to store a date.Date object is  created using new keyword.
birthday= new Date();
birthday= new Date("june 20,2002 08:00:00");
birthday=new Date("6,20,2002");

 Setting Date values.

setDate()   set the date of month;
setMonth()  set the month, month number is 0 to 11;
setFullYear()  set full year.
setTime()   set the  time.
setHours(),setMinutes(),setSeconds()   set the time.

Getting date values.

getDate()   get the date of month;
getMonth()  get the month, month number is 0 to 11;
getFullYear()  get full year.
getTime()   get the  time.
getHours(),getMinutes(),getSeconds()   get the time.

<html>
    <head>
    <style>
        #circle
        {
            display: none;
            margin-top:100px;
            height:200px;
            width:200px;
            border:2px solid green;
            border-radius:100px;
            background-color:aquamarine;
              background-image: radial-gradient( circle, green,white,green);
         
        }
        #time
        {
            height:30px;
            width:200px;
            position: relative;
            top:70px;
            color:darkblue;
            font-weight: bold;
            font-size:30px;
        }
     
        #date
        {
            height:10px;
            width:200px;
            position:relative;
            top:20px;
            color:darkblue;
            font-weight:bold;
         
         
        }
     
         #day
        {
            height:10px;
            width:100px;
            position:relative;
            top:90px;
            color:darkblue;
            font-weight:bold;
         
         
        }
        i
        {
            position: relative;
            top:100px;
            font-size:10px;
        }
     
     
        </style>

     
    </head>
    <body onload="myWatch()">
     
                 <script>
                     setInterval(myWatch,500);
        function myWatch()
            {
                var time= new Date();
                 var hr=time.getHours();
                var min = time.getMinutes();
                var sec = time.getSeconds();
                ab=(hr>12) ?" <span> PM</span>" : "<span>AM </span>";
                hr = (hr == 0) ? 12 : hr;
                hr = (hr > 12) ? hr - 12 : hr;



                sec=(sec<10)? "0"+sec: sec;
                hr=(hr<10)? "0"+hr:hr;
                min=(min<10)? "0"+min :min;
               
                document.getElementById("time").innerHTML = hr + ":" + min + ":" + sec + " "+ab;
             


                var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
             
             var date=new Date();
               var dd=date.getDate();
                var mm=months[date.getMonth()+1];
                var yy=date.getFullYear();
                document.getElementById("date").innerHTML=dd+"-"+mm+"-"+yy;
                 var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
               var day=new Date();
                var ddd=days[day.getDay()];
                document.getElementById("day").innerHTML=ddd;
             
            }
     
        </script>
     
     
        <center>
        <div id="circle" >
            <div id="time"></div>
                <div id="date">
            </div>
            <div id="day">
            </div>
            <i> develop by @nke...</i>
         
         
        </div>

         
    </center>
    </body>
</html>
click on RUN for show result.
develop by @nke...
RUn

Comments

Post a Comment

Popular posts from this blog

python pattern programming

-
Image
PYTHON PATTERN PROGRAMMING Python nested loop: Python allow programmer to use nested loops.Nested loop means when one loop is define into another loop is known as nested loop,in which one is called inner loop and another is called outer loop.In which when outer loop's condition is true than inner loop will be execute. we use the concept of nested loop in pattern programming etc. syntax: while (condition):      while (condition):         statement x     statement y   Some examples of nested loop. Nested loop program. Q. write  a program to print following pattern. P P Y P Y T P Y T H P Y T H O P Y T H O N str = "PYTHON" for  i  in   range ( 0 , 6 ):      print ()      for  j  in   range ( 0 ,i+ 1 ):          print (str[j],  end = ' ' ) Q. write  a program to print following pattern. *  * *  * * *  * * * *  * * * * * for  i  in   range ( 1 , 6 ):          print ()          for
Read more

Decision making statement in python

-
Image
Decision making statement in python In this statement we can take a decision for executing block of statement.if in this case condition is checked.if condition is true then the true part will execute,otherwise false part will execute.        There are four types of decision making statement. (1) simple if statement/single alternative if statement. (2) if-else statement/double alternative if statement. (3) if-else-if statement/else if ladder statement. (4) Nested if statement/compound if statement. (1)simple if statement/single alternative if statement  In this statement if condition is true then true part will execute otherwise no action will generate.  Syntax: if  test expression:     Statement 1     Statement 2     Statement 3    ---------------    ---------------     Statement n Statement x Examples: if  ( age>=18) :    print( "You are eligible for vote" ) (2) if-else statement/double alternative if statement In this statement if co
Read more

javaScript Calculator.

-
Image
javaScript Calculator. calculator using HTML,CSS and javaScrip t. Html code- <html>     <head>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1.0">         <link rel="stylesheet" type="text/css" href="style_calculater.css">         <script src="script_src.js">     </head>     <body>     <div class="container">         <div class="dbox"><input type="text" id="display" placeholder="0"><br>         <input type="text" id="display2" placeholder="0">         <div id="box">             <button class="key" value="7" onclick="dis('7')" > 7 </button>              <button class="key" value="8" onclic
Read more