Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 19 views

    New Text Document

    Uploaded by

    Muhammad Zubair Jamil
    This document contains code for a simple digital clock that displays the current date and time. The clock gets the current time from the Moment.js library and formats it based on parameters passed in the URL. It uses JavaScript to parse the URL parameters, set styles, and update the displayed time every second by calling the Moment.js formatting function.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd

    New Text Document

    Uploaded by

    Muhammad Zubair Jamil
    19 views1 page
    This document contains code for a simple digital clock that displays the current date and time. The clock gets the current time from the Moment.js library and formats it based on parameters passed in the URL. It uses JavaScript to parse the URL parameters, set styles, and update the displayed time every second by calling the Moment.js formatting function.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document contains code for a simple digital clock that displays the current date and time. The clock gets the current time from the Moment.js library and formats it based on parameters passed in the URL. It uses JavaScript to parse the URL parameters, set styles, and update the displayed time every second by calling the Moment.js formatting function.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    19 views1 page

    New Text Document

    Uploaded by

    Muhammad Zubair Jamil
    This document contains code for a simple digital clock that displays the current date and time. The clock gets the current time from the Moment.js library and formats it based on parameters passed in the URL. It uses JavaScript to parse the URL parameters, set styles, and update the displayed time every second by calling the Moment.js formatting function.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    of 1

    <!

    DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title>A simple clock</title>

    </head>

    <body translate="no" >


    <div id="output"
    style= "display: inline-block;
    font-family: monospace;
    font-size: 30px;
    text-align: right;
    color: lightgray;
    border-radius: 10px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.75);">
    </div>

    <script
    src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js'></
    script>
    <script>
    // https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-
    javascript
    var urlParams;
    (function () {
    var match,
    pl = /\+/g, // Regex for replacing addition symbol with a space
    search = /([^&=]+)=?([^&]*)/g,
    decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
    query = window.location.search.substring(1);
    urlParams = {};
    while (match = search.exec(query))
    urlParams[decode(match[1])] = decode(match[2]);
    })();
    var output = document.getElementById("output");
    if (urlParams["style"]) output.setAttribute("style", urlParams["style"]);
    if (urlParams["bodyStyle"]) document.body.setAttribute("style",
    urlParams["bodyStyle"]);
    var c;
    setInterval(
    c = function() {
    output.innerText = moment().format(urlParams["format"] || 'DD/MM/YYYY
    HH:mm:ss');
    // output.innerText = moment().format(urlParams["format"] || '');
    }, 1000);
    c();
    </script>
    </body>
    </html>

    You might also like