На основе .getHours()
объекта даты. При использовании объекта Date в javascript будет автоматически использоваться локальное время пользователя, а не время сервера:
var now = new Date();
alert( now.getHours() );
Пара условных проверок, и вы в деле. Например, следующий пример очень прост и понятен:
var now = new Date();
var hrs = now.getHours();
var msg = "";
if (hrs > 0) msg = "Mornin' Sunshine!"; // REALLY early
if (hrs > 6) msg = "Good morning"; // After 6am
if (hrs > 12) msg = "Good afternoon"; // After 12pm
if (hrs > 17) msg = "Good evening"; // After 5pm
if (hrs > 22) msg = "Go to bed!"; // After 10pm
alert(msg);
Сейчас здесь 2:56, поэтому я вижу "Mornin 'Sunshine!" когда я запускаю это. С помощью этой онлайн-демонстрации вы можете проверить свое местное время: http://jsbin.com/aguyo3/edit