For my application, I am seeking the current locale datetime. However, before retrieving the date, it is crucial to verify that the local date and time are accurate. If the user has adjusted the date and time incorrectly on their machine, I must prompt an error or notification to rectify the date and time.
1- To ensure the accuracy of your server's data-time, you can send it to the client by placing it in a hidden tag with a specific id. On the client side, you can then compare this time with the local date and time. For example, let's assume our hidden element looks like this:
<input type='hidden' value='2019/01/05 08:17Z' id='server_time'/>
You can compare this with the local date-time using the following code (inside
window.onload=function(){/*.. here ..*/}// If the elapsed time relative to the server time is greater than 60 seconds ...
if((new Date() - new Date(document.getElementById("server_time").value))/1000 > 60) alert("Please correct your system date!!"); // or any other action
2- If you do not have access to the server side...
In such scenarios, you can try at least these two approaches:
a- You can utilize a free API to get the accurate time. Consider this example:
var hr = new XMLHttpRequest();
hr.open("GET", "http://worldclockapi.com/api/json/utc/now");
hr.onreadystatechange = function(){
if(hr.readyState != 4) return;
if(hr.status != 200 && hr.status != 304) return alert("error");
if((new Date() - new Date(JSON.parse(hr.responseText).currentDateTime))/1000 > 60) alert("Please correct your system date!!");
}
hr.send();
b- Another alternative is:
(Assuming the time on your server is accurate,) you can extract the date from the header info! To achieve this, you can trigger a simple action from your host (such as pointing to a non-existent page). Try the following implementation:
var hr = new XMLHttpRequest();
hr.open("GET", "blankpage.html");
hr.onreadystatechange = function(){
if(hr.readyState != 4) return;
if((new Date() - new Date(hr.getAllResponseHeaders().match(/date *\: *(.+)[\r\n]/i)[1]))/1000 > 50) alert("Please correct your system date!!");
};
hr.send();
I am trying to create a calculator for my app using Jquery Mobile, but I am facing an issue with the flip toggle switch. Here is my script: <script type="text/javascript"> function dosis() { $peso = $('#peso').get(0).value $dosis = ...
I am currently working on an Angular application that includes a textarea: <textarea id="log_text_area" readonly>{{logger}}</textarea> In addition, there is a Logger service designed to update this textarea. angular.module('app').f ...
I've been attempting to implement Google reCAPTCHA service with Spring MVC, but I keep encountering this error in the console: http://localhost:8080/spapp/ajaxtest.htm?name=frfr&surname=frfr&phone=edede…nGi3CCrD9GprYZDn8VHc-pN--SK-u_xoRKOrn ...
My goal is to create a function that outputs the text "Hello" followed by "World". However, my current implementation does not seem to be working as expected. export function HelloWorld():string{ return "Hello"+ "\n"+ "W ...
I've recently started working on a website project utilizing the node.js/express stack and I am experimenting with developing in the functional programming style, which is quite new to me. One issue I encountered was related to the express method res. ...
Special features of this element:- <textarea id="txtSuffixTitle" class="form-control" tabindex="3" rows="2" placeholder="Suffix Title" name="txtSuffixTitle" maxlength="50" cols="20" style="display: none; visibility: hidden;">Suffix Title </text ...
I'm currently working on transitioning a form from .Net MVC to Angular. I've successfully used ng-repeat to generate the input fields within the form, which is working well. However, I now need to incorporate select fields along with the text inp ...
I am interested in developing an application with Spring Boot that allows users to make video calls and share text messages. I also want the ability to save these videos for future viewing by registered users of the app. Although I am familiar with node.j ...
In my React code, I've created a function called optionTemplate to be used as a prop in a React component. const optionTemplate = (option) => { return ( <div className="flex align-items-center gap-2" style={ ...
Hey there, I'm wondering how to change a CSS value of the document itself, rather than targeting a specific element. I've already looked into solutions like Change :hover CSS properties with JavaScript, but they all involve adding CSS rules. I a ...
I have encountered a problem while using eval() for a calculator I am developing. When I input the following code: console.log(eval("5.2-5")); The output is: 0.20000000000000018 I am confused as to why this is happening. Thank you for your assistance. ...
My challenge is to fetch the Max value and Percent value into a jQuery function. I attempted to retrieve these values using hidden variables and Session variables on page load, but they always return 0. Here are the properties: public static int Max { ...
I created a worksheet with an image in each row. However, when I filter or remove a row, the image for that row stays visible. I tested this on versions v4.4.0 and v4.3.0 I attempted various methods of adding images, but none of them seemed to work. Initi ...
When working with arrays in Stencil, I need to repeat a specific element multiple times based on the array. In Vue, I typically use v-for for this purpose, but what is the equivalent in Stencil? ...
My page contains a sample code that successfully retrieves the name of an object when a user clicks on it. However, the code works well with cubes and spheres but fails with polygons. To see how the clicks respond, you can check the console logs. What shou ...
It is commonly understood that declaration files are typically used for libraries rather than projects. However, let's consider a scenario where an existing JavaScript project needs to be migrated to TypeScript by creating d.ts files for each source ...
By using the onchange event in the parent dropdown (first dropdown), I am populating the child dropdown (second dropdown). Subsequently, upon selecting an option from the child dropdown, I automatically fill in three text boxes. However, I am facing an iss ...
I have not been using jQuery, JavaScript, and HTML to create a list of products. The task I am working on now is the ability to select multiple items from this list. Currently, the HTML list is dynamically populated with <li> elements using JavaScri ...
I have a code snippet that reads data from a JSON file and creates a type based on it, which is then used for further operations. import jsonData from './mydata.json' type CustomType = typeof jsonData .... This process ensures that the generate ...
This is my first time integrating TypeScript into my project. When attempting to access something using window.document.getElementById(), I keep encountering the error: Type error: Object is possibly 'null'. TS2531 I've looked online for ...