Is there a way to retrieve time data from a different server through AJAX?

I am in need of obtaining time information from an online source, whether it be an NTP server, JSON time server, or simply an HTTP Header. The precision is not important to me, but the requirement is that I must get the time from an online source. Unfortunately, I do not have access to any servers, so writing any server-side code is out of the question.

Attempting to retrieve the header using an HTTP Request may potentially violate the same origin policy, making it a non-viable option for me.

I have been unable to find a solution that does not involve some form of PHP or other programming languages - my only options are HTML/CSS/JS...nothing else!

Any suggestions or ideas?

javascriptajaxcordova

Answer №1

$.ajax({
    url: 'http://worldclockapi.com/api/json/utc/now',
    dataType: 'jsonp'
})
.done(function(response) {
    // response = {"currentDateTime":"2023-09-14T15:32Z"}
    console.log(response.currentDateTime);// "2023-09-14T15:32Z"
});

Answer №2

One of the key principles in JavaScript is the same origin policy, which prohibits making calls to domains other than the one where the script originated. This restriction is in place to protect sensitive data such as email and bank accounts from being accessed without authorization.

If the browser supports CORS and the third-party domain has it enabled, you may be able to bypass this limitation. Alternatively, you could explore using a JSONP service to retrieve the information you need.

Answer №3

One amazing feature of Javascript is its built-in capabilities for handling date and time information. To retrieve the current time, you can utilize the following code snippet:

let currentTime = new Date();
document.write(currentTime);

If you want to explore more functionalities offered by Javascript's Date object, check out this resource:

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What methods can be employed to stop tests from being included in rollup bundles?

I am currently in the process of creating a react component package and I would like to know how to prevent my tests folder from being included in the dist file that is generated by rollup. After running rollup -c, my directory structure looks like this: ...

javascriptreactjsnpmwebpackrollupjs

"Combining Angular and jQuery for powerful web development

I am looking to develop an application using Angular and incorporate numerous jQuery animations and jQuery UI effects (such as animate, fadeIn, fadeOut, etc). Is it feasible to use jQuery functions in conjunction with Angular? ...

javascriptjqueryangularjs

Display data in a template upon receiving a response from the server

Hello, I am currently in the process of developing my very first Angular application and could use some assistance. Specifically, I am working on a component that serves as an image search box. When a user inputs a search query, a request is sent to an API ...

javascriptangular

Leveraging the "dialogclose" event within jQuery Mobile

Is there a way to change an image once it is clicked and change back when the dialog it links to is closed? I found a potential solution on this site, but after modifying it for my needs, it doesn't seem to work. Can anyone help me figure out what I a ...

javascriptjqueryhtmljquery-mobilepopupwindow

Can you explain the contrast between open and closed shadow DOM encapsulation modes?

My goal is to create a shadow DOM for an element in order to display elements for a Chrome extension without being affected by the page's styles. After discovering that Element.createShadowRoot was deprecated, I turned to Element.attachShadow. Howeve ...

javascripthtmldomshadow-dom

troubleshoot clientWidth not updating when CSS changes are made

Summary: When I adjust the size of a DOM element using CSS, its directive fails to acknowledge this change even with a watch on the size. Aim I have multiple custom directives (simple-graph) each containing an svg. My goal is to enlarge the one under the ...

javascriptcssangularjsangularjs-directive

Loading content dynamically into a div from an external or internal source can greatly enhance user experience on a website. By

As I work on my website, I am incorporating a div structure as shown below: <div class="container"> <div class="one-third column"> <a id="tab1" href="inc/tab1.html"><h2>tab1</h2></a> </div> & ...

javascriptjquerycsshtml

Using the XMLHttpRequest object for AJAX file uploads that are compatible with Internet Explorer 9

Seeking help with uploading a file using ajax. The current code works on all browsers except for i.e 9 and older versions. I need to find a solution that will also work on i.e. Some suggestions have been to use an iframe, but I don't see how that res ...

javascriptjqueryajaxxmlhttprequest

Invoke the function when the user inputs text into the textbox

<textarea name="" id="" #text cols="30" (keydown)="WordCounter()" (change)="WordCounter()" rows="8" [(ngModel)]="user_text" placeholder="Type something here"></textare ...

javascriptangulartypescript

Angular's asynchronous HTTP request allows for non-blocking operations when

I'm currently working with Angular 6, and I've encountered an issue while updating my resource instance in the following way: this.user = api.getUser(); public getUser(): User { const myHeader = new HttpHeaders({ 'Authorization' ...

javascriptnode.jsangular

Submitting a form without uploading a file in Spring MVC: A step-by-step guide

When working with a form that includes input text fields and an input file field for database entries, I encountered an issue when creating a second form to edit the same entry. The data was retrieved from the database and filled into the new form, mirrori ...

jqueryajaxspringspring-mvcfile-upload

Securing API access by limiting it to verified domains with Express.js

I am currently enhancing the security of my Node.js/Express.js application by implementing restrictions on access to an authlist (authorized list) of domains. Note: The opposite of an authlist is a denylist. Overview: Users are able to create a Proje ...

javascriptnode.jsapiexpresscross-domain

Loading data remotely to populate dropdown suggestions in Selectize

I've configured a text input to function as tags using selectize, and everything is working smoothly. I can create new items and they display correctly. However, my goal is to load data remotely in the dropdown for suggestions similar to how it works ...

jqueryajaxjsonselectize.js

Prevent ESLint from linting files with non-standard extensions

My .estintrc.yaml: parser: "@typescript-eslint/parser" parserOptions: sourceType: module project: tsconfig.json tsconfigRootDir: ./ env: es6: true browser: true node: true mocha: true plugins: - "@typescript-eslint" D ...

javascripttypescripteslint

Ember.js: Storing function prototypes as objects

My interface consists of four vertical panels: The first panel displays the menu for selecting data The second panel allows you to choose a filter from a list The third panel shows the results based on the selected filter The fourth panel displays detail ...

javascriptember.jsnested-routes

Error: The function setEmail is not defined. (In 'setEmail(input)', 'setEmail' is not recognized) (Cannot utilize hooks with context API)

App.js const[getScreen, showScreen] = useState(false); const[getEmail, setEmail] = useState(""); <LoginScreen/> <LoginContexts.Provider value={{getEmail,setEmail,getScreen,showScreen}}> {showScreen?<Screen2/>:<LoginScre ...

javascriptreactjstypescriptreact-nativereact-context

Steps to display a JSX component stored in a variable

Presently, I am implementing an if/else statement within my code to determine the content that will be displayed in the JSX element named 'signupMessage'. Subsequently, I render the contents of this 'signupMessage' element. render() { ...

javascripthtmlreactjsjsx

Unable to execute controller due to service call testing failure

I'm currently working on writing a code to test the service call in my controller. The goal is to unit test a specific function within the controller that makes the service call and retrieves data. While I am using local JSON for testing purposes, the ...

javascriptangularjskarma-jasmine

What is the method for inserting form control values into a QueryString within HTML code?

Struggling with passing HTML form control values into a QueryString for page redirection. While I can easily input static values into a QueryString and retrieve them using PHP's GET method, I am encountering difficulties when it comes to dynamic valu ...

phpjavascripthtmlquery-string

Invoking Angular component method using vanilla JavaScript

For my web application, I am utilizing Angular and require Bluetooth functionality on a specific page. I am implementing loginov-rocks/bluetooth-terminal (https://github.com/loginov-rocks/bluetooth-terminal) for establishing the Bluetooth connection, which ...

javascriptangularweb-componentweb-bluetooth