• 0

Quick question: How do I [javascript]?


Question

So I'm making a website and in one of the section I want a simple layout as you can see here:

 

post-69305-0-02124800-1422301525.png

 

I'm pretty sure I need to use javascript to vary the responses "today is (day)" and "10am til when". The responses are as follows:

 

Monday - Friday

10am til when

 

Saturday

9am til bike

 

Sunday

Maybe, maybe not

 

Can anyone write a simple script that would accomplish this, or point me in the right direction to do this?

Link to comment
https://www.neowin.net/forum/topic/1244664-quick-question-how-do-i-javascript/
Share on other sites

10 answers to this question

Recommended Posts

  • 0

The page is "read" from the top down, and inline javascript like you have is run as soon as it's read, so <p id="lol"> doesn't exist on the page yet when your javascript runs. You'll need to move the javascript after the element you want to modify (putting javascript tags right before your closing </body> tag is one way to ensure everything else has been loaded first). Javascript libraries like jQuery also have helper functions to delay running code until the entire HTML file has been read.

 

For your other question: you can use the same Date.getUTCDate() call to help you figure out what to print in the "today is (TODAY)" space. Consider it your homework!

Hint: The link has an example that should be very useful.

  • 0
var d = new Date();
var n = d.getDay()
if(n == 6) {
    document.getElementById("lol").innerHTML = "9am til bike";
} else if(!n) {
    document.getElementById("lol").innerHTML = "Maybe, maybe not";
} else {
    document.getElementById("lol").innerHTML = "10 am til when";
}
<p id="lol"></p>

This js code should do the job, keep in mind it does not take the possibility that your visitor is from a different timezone into account.

  • 0
  On 27/01/2015 at 07:47, Muessig said:

Wow thanks! This is mainly for a uk-based client, but for the sake of curiosity how would I alter this to take time zones into account?

var today = new Date();  
var localoffset = -(today.getTimezoneOffset()/60);
var destoffset = -4; 

var offset = destoffset-localoffset;
var d = new Date( new Date().getTime() + offset * 3600 * 1000)
Modify -4 till it shows the correct timezone.
  • 0

Javascript's Date.getDay() will return the date based on the current local time of the browser's computer. If you want to display the GMT day no matter what timezone the browser's computer thinks it's in, you can use Date.getUTCDay(), which takes the browser's local time and adds/subtracts hours based on the timezone setting of the browser's computer to get GMT. Note that both methods are still calculated based on the current date/time/timezone settings of the browser's computer... so if the computer is set to the wrong date or the wrong timezone, both getUTCDay() and getDay() could return incorrect days. It's probably not a big deal for your situation, but it's something to keep in mind.

 

If you're building the website using a server-side language (PHP, ASP.NET, etc), most have built-in date methods that you can use. Calculating the date on the server means that the server date/time is used instead of whatever date/time the browser's computer is set to. This gives you a little more control if you need it.

  • Like 1
  • 0
  On 27/01/2015 at 13:56, briley said:

Javascript's Date.getDay() will return the date based on the current local time of the browser's computer. If you want to display the GMT day no matter what timezone the browser's computer thinks it's in, you can use Date.getUTCDay(), which takes the browser's local time and adds/subtracts hours based on the timezone setting of the browser's computer to get GMT. Note that both methods are still calculated based on the current date/time/timezone settings of the browser's computer... so if the computer is set to the wrong date or the wrong timezone, both getUTCDay() and getDay() could return incorrect days. It's probably not a big deal for your situation, but it's something to keep in mind.

 

If you're building the website using a server-side language (PHP, ASP.NET, etc), most have built-in date methods that you can use. Calculating the date on the server means that the server date/time is used instead of whatever date/time the browser's computer is set to. This gives you a little more control if you need it.

I indeed server side is the way to go if you want to be totally sure it's the same everywhere.

I also looked at getUTCDay but I had some trouble finding out how to change this utc date to +x hours for a specific timezone so that's why I used the normal date function instead.

  • 0

I must be being pretty stupid here guys, but I've included the code and can't get it to display on the page at all. I think I need one bit of code that will say what day it is "Wednesday" or whatever and I need this to just display in a way that I can format it. I then need the second bit of code, which you've provided for me above but I'm not sure what I'm doing wrong...

 

post-69305-0-18521500-1422379744.png

 

The image is washed out because dreamweaver is in the middle of crashing (stupid program) and I've added in the text "today is (DAY)" and "10am til when" myself so I could roughly format the rest of that section.

  • 0
  On 27/01/2015 at 18:55, perochan said:

one rule of thumb is

 

put all script file (js or etc.) or inline js codes after all your HTML codes but before </body> tag.

Or use jquery - $(document).ready(function () { });

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Windows 11 is getting a useful new audio feature by Taras Buria Photo: phamtu1509 Windows 11, in its current form, does not offer a quick and easy way to play audio over more than one device. If you have a bunch of audio devices connected and you want to play music on all of them, you have to tinker with third-party software to make it work. Apparently, Microsoft wants to change that with a new feature coming soon to Windows 11. @phantomofearth, the ever-giving source of Windows insights, discovered that the latest Windows 11 preview builds have a hidden toggle in quick settings that lets you share audio to multiple devices with just a few clicks. All it takes is clicking "Shared Audio" in the control center, selecting two or more available devices, and pressing "Share." As usual, there are no official announcements yet, so details about this feature remain unknown. Still, you can probably expect the new shared audio feature to make it to a Windows 11 preview build in the near future. In other Windows Insider news, Microsoft recently revealed that one of the recent taskbar changes was pulled from the operating system due to negative feedback. The company experimented with a simplified taskbar tray area, but later decided to nuke it because people did not like it. Still, there are plenty of other features coming soon to Windows 11. Check out our recent top 10 list here. Hopefully, all of them will make it to the Stable channel soon.
    • Chinese? It sounds extremely dangerous. I’ll reconsider buying a Meta Quest 3.
    • - What's your salary? Is it more than $100k a year? - Nah, it's $100 mil a year.
    • Compared to my ear buds which are the size of a matchbox, cover a much broader frequency range, and work everywhere without setup? Yeah, still not buying this as a replacement.
    • Meta's Superintelligence team staffed by 50% Chinese talent, 40% ex-OpenAI by Hamid Ganji Mark Zuckerberg's latest big bet at Meta involves building a team of the best AI superstars in the market to lead the so-called Superintelligence Labs. The goal of this team is to develop AI models that will ultimately lead to Artificial General Intelligence (AGI). AGI refers to an AI model with capabilities comparable to, or even beyond, those of the human brain. Achieving human-level cognitive abilities with an AI model requires substantial investments, as well as hiring the best talent to build such a system. That's why Meta is throwing hundreds of millions of dollars at AI researchers from OpenAI, Apple, and other companies to recruit them for its Superintelligence team. A user on X has now shared a spreadsheet that provides us with some unique insights into Meta's Superintelligence team and the origins of its 44 employees. The leaker claims this information comes from an anonymous Meta employee. The listing claims that 50 percent of the staff at the Superintelligence team are from China, which demonstrates the significant role of Chinese or Chinese-origin researchers in Met's AI efforts. Additionally, 75 percent of these staff hold PhDs, and 70 percent of them work as researchers. Interestingly, 40 percent of the staff are ex-OpenAI employees whom Mark Zuckerberg poached from the maker of ChatGPT. Additionally, 20 percent of Meta's Superintelligence team members come from Google DeepMind, and another 15 percent come from Scale AI, a startup that Meta recently acquired in a $15 billion deal. Another interesting point is that 75 percent of the Superintelligence team are first-generation immigrants. The leaker claims that each of these employees is now earning between $10 million and $100 million per year, although Meta still needs to confirm these substantial figures. However, it has already been reported that Meta is offering up to $100 million in signup bonuses to poach the best AI talent from OpenAI and other rivals. The revelation that half of Meta's Superintelligence team consists of Chinese nationals could trigger concerns within the Trump administration and Congress.
  • Recent Achievements

    • First Post
      nobody9 earned a badge
      First Post
    • One Month Later
      Ricky Chan earned a badge
      One Month Later
    • First Post
      leoniDAM earned a badge
      First Post
    • Reacting Well
      Ian_ earned a badge
      Reacting Well
    • One Month Later
      Ian_ earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      505
    2. 2
      ATLien_0
      207
    3. 3
      Michael Scrip
      206
    4. 4
      Xenon
      138
    5. 5
      +FloatingFatMan
      112
  • Tell a friend

    Love Neowin? Tell a friend!