Javascript controls how to display different css styles in different time periods. Example code _ javascript tips-js tutorial

This article introduces the sample code for controlling different css styles in different time periods in Javascript. If you need it, you can refer to the js function and put it in a separate js file or on the current page.Within tag

The Code is as follows:

Function getCSS ()
{
Datetoday = new Date ();
Timenow = datetoday. getTime ();
Datetoday. setTime (timenow );
Thehour = datetoday. getHours ();
If (thehour <12)
Display = "1.css? 1.1.23 ";
Else if (thehour> 12)
// Style table name, or you can add a path
Display = "1.css? 1.1.23 ";
Else
Display = "2.css? 1.1.23 ";
// (... If you want to add more ...)

Var css = '<';
Css + = 'link rel = "stylesheet" href = '+ display + '\/';
Css + = '> ';
Document. write (css );
}

Apply the HTML file of the style sheet

The Code is as follows:

Display different prompts at different times